@tamagui/web 3.0.0-beta.831.1 → 3.0.0-beta.889.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/createComponent.cjs +12 -1
- package/dist/cjs/createComponent.native.cjs +12 -1
- package/dist/cjs/createComponent.native.js +12 -1
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createStyledHOC.cjs +1 -1
- package/dist/cjs/createStyledHOC.native.cjs +1 -1
- package/dist/cjs/createStyledHOC.native.js +1 -1
- package/dist/cjs/createStyledHOC.native.js.map +1 -1
- package/dist/cjs/createVariable.cjs +0 -10
- package/dist/cjs/createVariable.native.cjs +0 -10
- package/dist/cjs/createVariable.native.js +0 -10
- package/dist/cjs/createVariable.native.js.map +1 -1
- package/dist/cjs/helpers/borderComponents.cjs +62 -0
- package/dist/cjs/helpers/borderComponents.native.cjs +82 -0
- package/dist/cjs/helpers/borderComponents.native.js +84 -0
- package/dist/cjs/helpers/borderComponents.native.js.map +1 -0
- package/dist/cjs/helpers/createDesignSystem.cjs +0 -2
- package/dist/cjs/helpers/createStyledContext.cjs +10 -18
- package/dist/cjs/helpers/createStyledContext.native.cjs +14 -18
- package/dist/cjs/helpers/createStyledContext.native.js +14 -18
- package/dist/cjs/helpers/createStyledContext.native.js.map +1 -1
- package/dist/cjs/helpers/formatDiagnostic.cjs +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.cjs +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.js +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomic.cjs +128 -109
- package/dist/cjs/helpers/getCSSStylesAtomic.native.cjs +11 -3
- package/dist/cjs/helpers/getCSSStylesAtomic.native.js +11 -3
- package/dist/cjs/helpers/getCSSStylesAtomic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.cjs +13 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.cjs +15 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js +15 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
- package/dist/cjs/helpers/getDynamicVal.cjs +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.cjs +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.js +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.cjs +1042 -1715
- package/dist/cjs/helpers/getSplitStyles.native.cjs +1081 -1887
- package/dist/cjs/helpers/getSplitStyles.native.js +1081 -1887
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/grammarConfig.cjs +163 -1
- package/dist/cjs/helpers/grammarConfig.native.cjs +186 -1
- package/dist/cjs/helpers/grammarConfig.native.js +186 -1
- package/dist/cjs/helpers/grammarConfig.native.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.cjs +5 -1
- package/dist/cjs/helpers/insertStyleRule.native.cjs +7 -1
- package/dist/cjs/helpers/insertStyleRule.native.js +7 -1
- package/dist/cjs/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/cjs/helpers/log.cjs +9 -8
- package/dist/cjs/helpers/log.native.cjs +9 -8
- package/dist/cjs/helpers/log.native.js +9 -8
- package/dist/cjs/helpers/log.native.js.map +1 -1
- package/dist/cjs/helpers/mergeVariants.cjs +44 -13
- package/dist/cjs/helpers/mergeVariants.native.cjs +79 -14
- package/dist/cjs/helpers/mergeVariants.native.js +79 -14
- package/dist/cjs/helpers/mergeVariants.native.js.map +1 -1
- package/dist/cjs/helpers/nativeOnlyProps.cjs +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.cjs +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.js +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.js.map +1 -1
- package/dist/cjs/helpers/nativeStyleEngine.cjs +34 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.cjs +36 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.js +36 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.cjs +7 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.cjs +9 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js +9 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/cjs/helpers/parseBorderShorthand.native.cjs +25 -56
- package/dist/cjs/helpers/parseBorderShorthand.native.js +25 -56
- package/dist/cjs/helpers/parseBorderShorthand.native.js.map +1 -1
- package/dist/cjs/helpers/parseOutlineShorthand.native.cjs +9 -49
- package/dist/cjs/helpers/parseOutlineShorthand.native.js +9 -49
- package/dist/cjs/helpers/parseOutlineShorthand.native.js.map +1 -1
- package/dist/cjs/helpers/resolveSafeArea.cjs +35 -100
- package/dist/cjs/helpers/resolveVariantStyle.cjs +57 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.cjs +67 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.js +69 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.js.map +1 -0
- package/dist/cjs/helpers/styleStaticConfig.cjs +1 -50
- package/dist/cjs/helpers/styleStaticConfig.native.cjs +1 -51
- package/dist/cjs/helpers/styleStaticConfig.native.js +1 -51
- package/dist/cjs/helpers/styleStaticConfig.native.js.map +1 -1
- package/dist/cjs/helpers/styleStaticConfigCore.cjs +107 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.cjs +127 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.js +129 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.js.map +1 -0
- package/dist/cjs/helpers/styledDynamic.cjs +160 -0
- package/dist/cjs/helpers/styledDynamic.native.cjs +195 -0
- package/dist/cjs/helpers/styledDynamic.native.js +197 -0
- package/dist/cjs/helpers/styledDynamic.native.js.map +1 -0
- package/dist/cjs/helpers/tokenCategories.cjs +15 -38
- package/dist/cjs/helpers/tokenCategories.native.cjs +15 -40
- package/dist/cjs/helpers/tokenCategories.native.js +15 -40
- package/dist/cjs/helpers/tokenCategories.native.js.map +1 -1
- package/dist/cjs/helpers/variableValue.cjs +17 -12
- package/dist/cjs/helpers/variableValue.native.cjs +46 -23
- package/dist/cjs/helpers/variableValue.native.js +46 -23
- package/dist/cjs/helpers/variableValue.native.js.map +1 -1
- package/dist/cjs/helpers/warnOnce.cjs +5 -4
- package/dist/cjs/helpers/warnOnce.native.cjs +6 -4
- package/dist/cjs/helpers/warnOnce.native.js +6 -4
- package/dist/cjs/helpers/warnOnce.native.js.map +1 -1
- package/dist/cjs/hooks/useAnimationDriver.cjs +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.cjs +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.js +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.js.map +1 -1
- package/dist/cjs/hooks/useComponentState.cjs +41 -82
- package/dist/cjs/hooks/useComponentState.native.cjs +45 -84
- package/dist/cjs/hooks/useComponentState.native.js +45 -84
- package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
- package/dist/cjs/hooks/useMedia.cjs +2 -2
- package/dist/cjs/hooks/useMedia.native.cjs +2 -2
- package/dist/cjs/hooks/useMedia.native.js +2 -2
- package/dist/cjs/hooks/useMedia.native.js.map +1 -1
- package/dist/cjs/{helpers/directStyleCSS.native.js → hooks/useStyle.cjs} +16 -8
- package/dist/cjs/{helpers/directStyleCSS.native.cjs → hooks/useStyle.native.cjs} +16 -4
- package/dist/cjs/hooks/useStyle.native.js +34 -0
- package/dist/cjs/hooks/useStyle.native.js.map +1 -0
- package/dist/cjs/hooks/useThemeState.cjs +25 -90
- package/dist/cjs/hooks/useThemeState.native.cjs +34 -94
- package/dist/cjs/hooks/useThemeState.native.js +34 -94
- package/dist/cjs/hooks/useThemeState.native.js.map +1 -1
- package/dist/cjs/index.cjs +6 -3
- package/dist/cjs/index.native.cjs +6 -3
- package/dist/cjs/index.native.js +6 -3
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/static-resolve.cjs +2 -2
- package/dist/cjs/static-resolve.native.cjs +2 -2
- package/dist/cjs/static-resolve.native.js +2 -2
- package/dist/cjs/static-resolve.native.js.map +1 -1
- package/dist/cjs/style.cjs +91 -0
- package/dist/cjs/style.native.cjs +98 -0
- package/dist/cjs/style.native.js +100 -0
- package/dist/cjs/style.native.js.map +1 -0
- package/dist/cjs/styled.cjs +11 -6
- package/dist/cjs/styled.native.cjs +11 -6
- package/dist/cjs/styled.native.js +11 -6
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/types.cjs +6 -4
- package/dist/cjs/types.native.cjs +6 -4
- package/dist/cjs/types.native.js +6 -4
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.cjs +1 -2
- package/dist/cjs/views/TamaguiProvider.native.cjs +1 -2
- package/dist/cjs/views/TamaguiProvider.native.js +1 -2
- package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
- package/dist/cjs/views/Text.cjs +17 -12
- package/dist/cjs/views/Text.native.cjs +1 -0
- package/dist/cjs/views/Text.native.js +1 -0
- package/dist/cjs/views/Text.native.js.map +1 -1
- package/dist/cjs/views/Theme.cjs +3 -3
- package/dist/cjs/views/Theme.native.cjs +3 -3
- package/dist/cjs/views/Theme.native.js +3 -3
- package/dist/cjs/views/Theme.native.js.map +1 -1
- package/dist/cjs/views/ThemeDebug.cjs +1 -4
- package/dist/esm/createComponent.mjs +12 -1
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +12 -1
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createStyledHOC.mjs +1 -1
- package/dist/esm/createStyledHOC.mjs.map +1 -1
- package/dist/esm/createStyledHOC.native.js +1 -1
- package/dist/esm/createStyledHOC.native.js.map +1 -1
- package/dist/esm/createVariable.mjs +1 -9
- package/dist/esm/createVariable.mjs.map +1 -1
- package/dist/esm/createVariable.native.js +1 -9
- package/dist/esm/createVariable.native.js.map +1 -1
- package/dist/esm/helpers/borderComponents.mjs +37 -0
- package/dist/esm/helpers/borderComponents.mjs.map +1 -0
- package/dist/esm/helpers/borderComponents.native.js +55 -0
- package/dist/esm/helpers/borderComponents.native.js.map +1 -0
- package/dist/esm/helpers/createDesignSystem.mjs +0 -2
- package/dist/esm/helpers/createDesignSystem.mjs.map +1 -1
- package/dist/esm/helpers/createStyledContext.mjs +10 -18
- package/dist/esm/helpers/createStyledContext.mjs.map +1 -1
- package/dist/esm/helpers/createStyledContext.native.js +14 -18
- package/dist/esm/helpers/createStyledContext.native.js.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.mjs +6 -6
- package/dist/esm/helpers/formatDiagnostic.mjs.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.native.js +6 -6
- package/dist/esm/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.mjs +126 -109
- package/dist/esm/helpers/getCSSStylesAtomic.mjs.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.native.js +7 -4
- package/dist/esm/helpers/getCSSStylesAtomic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs +8 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js +10 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
- package/dist/esm/helpers/getDynamicVal.mjs +5 -1
- package/dist/esm/helpers/getDynamicVal.mjs.map +1 -1
- package/dist/esm/helpers/getDynamicVal.native.js +5 -1
- package/dist/esm/helpers/getDynamicVal.native.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs +1034 -1705
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +1071 -1871
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/helpers/grammarConfig.mjs +164 -2
- package/dist/esm/helpers/grammarConfig.mjs.map +1 -1
- package/dist/esm/helpers/grammarConfig.native.js +187 -2
- package/dist/esm/helpers/grammarConfig.native.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.mjs +5 -2
- package/dist/esm/helpers/insertStyleRule.mjs.map +1 -1
- package/dist/esm/helpers/insertStyleRule.native.js +7 -2
- package/dist/esm/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/esm/helpers/log.mjs +9 -8
- package/dist/esm/helpers/log.mjs.map +1 -1
- package/dist/esm/helpers/log.native.js +9 -8
- package/dist/esm/helpers/log.native.js.map +1 -1
- package/dist/esm/helpers/mergeVariants.mjs +44 -13
- package/dist/esm/helpers/mergeVariants.mjs.map +1 -1
- package/dist/esm/helpers/mergeVariants.native.js +79 -14
- package/dist/esm/helpers/mergeVariants.native.js.map +1 -1
- package/dist/esm/helpers/nativeOnlyProps.mjs +0 -1
- package/dist/esm/helpers/nativeOnlyProps.mjs.map +1 -1
- package/dist/esm/helpers/nativeOnlyProps.native.js +0 -1
- package/dist/esm/helpers/nativeOnlyProps.native.js.map +1 -1
- package/dist/esm/helpers/nativeStyleEngine.mjs +34 -15
- package/dist/esm/helpers/nativeStyleEngine.mjs.map +1 -1
- package/dist/esm/helpers/nativeStyleEngine.native.js +36 -15
- package/dist/esm/helpers/nativeStyleEngine.native.js.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.mjs +7 -8
- package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.native.js +9 -8
- package/dist/esm/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/esm/helpers/parseBorderShorthand.native.js +23 -56
- package/dist/esm/helpers/parseBorderShorthand.native.js.map +1 -1
- package/dist/esm/helpers/parseOutlineShorthand.native.js +10 -49
- package/dist/esm/helpers/parseOutlineShorthand.native.js.map +1 -1
- package/dist/esm/helpers/resolveSafeArea.mjs +35 -97
- package/dist/esm/helpers/resolveSafeArea.mjs.map +1 -1
- package/dist/esm/helpers/resolveVariantStyle.mjs +38 -0
- package/dist/esm/helpers/resolveVariantStyle.mjs.map +1 -0
- package/dist/esm/helpers/resolveVariantStyle.native.js +46 -0
- package/dist/esm/helpers/resolveVariantStyle.native.js.map +1 -0
- package/dist/esm/helpers/styleStaticConfig.mjs +1 -50
- package/dist/esm/helpers/styleStaticConfig.mjs.map +1 -1
- package/dist/esm/helpers/styleStaticConfig.native.js +1 -51
- package/dist/esm/helpers/styleStaticConfig.native.js.map +1 -1
- package/dist/esm/helpers/styleStaticConfigCore.mjs +88 -0
- package/dist/esm/helpers/styleStaticConfigCore.mjs.map +1 -0
- package/dist/esm/helpers/styleStaticConfigCore.native.js +106 -0
- package/dist/esm/helpers/styleStaticConfigCore.native.js.map +1 -0
- package/dist/esm/helpers/styledDynamic.mjs +136 -0
- package/dist/esm/helpers/styledDynamic.mjs.map +1 -0
- package/dist/esm/helpers/styledDynamic.native.js +169 -0
- package/dist/esm/helpers/styledDynamic.native.js.map +1 -0
- package/dist/esm/helpers/tokenCategories.mjs +15 -36
- package/dist/esm/helpers/tokenCategories.mjs.map +1 -1
- package/dist/esm/helpers/tokenCategories.native.js +15 -38
- package/dist/esm/helpers/tokenCategories.native.js.map +1 -1
- package/dist/esm/helpers/variableValue.mjs +17 -12
- package/dist/esm/helpers/variableValue.mjs.map +1 -1
- package/dist/esm/helpers/variableValue.native.js +46 -23
- package/dist/esm/helpers/variableValue.native.js.map +1 -1
- package/dist/esm/helpers/warnOnce.mjs +5 -4
- package/dist/esm/helpers/warnOnce.mjs.map +1 -1
- package/dist/esm/helpers/warnOnce.native.js +6 -4
- package/dist/esm/helpers/warnOnce.native.js.map +1 -1
- package/dist/esm/hooks/useAnimationDriver.mjs +2 -2
- package/dist/esm/hooks/useAnimationDriver.mjs.map +1 -1
- package/dist/esm/hooks/useAnimationDriver.native.js +2 -2
- package/dist/esm/hooks/useAnimationDriver.native.js.map +1 -1
- package/dist/esm/hooks/useComponentState.mjs +41 -82
- package/dist/esm/hooks/useComponentState.mjs.map +1 -1
- package/dist/esm/hooks/useComponentState.native.js +45 -84
- package/dist/esm/hooks/useComponentState.native.js.map +1 -1
- package/dist/esm/hooks/useMedia.mjs +2 -2
- package/dist/esm/hooks/useMedia.mjs.map +1 -1
- package/dist/esm/hooks/useMedia.native.js +2 -2
- package/dist/esm/hooks/useMedia.native.js.map +1 -1
- package/dist/esm/hooks/useStyle.mjs +11 -0
- package/dist/esm/hooks/useStyle.mjs.map +1 -0
- package/dist/esm/hooks/useStyle.native.js +11 -0
- package/dist/esm/hooks/useStyle.native.js.map +1 -0
- package/dist/esm/hooks/useThemeState.mjs +25 -90
- package/dist/esm/hooks/useThemeState.mjs.map +1 -1
- package/dist/esm/hooks/useThemeState.native.js +34 -94
- package/dist/esm/hooks/useThemeState.native.js.map +1 -1
- package/dist/esm/index.js +6 -4
- package/dist/esm/index.mjs +6 -4
- package/dist/esm/index.native.js +6 -4
- package/dist/esm/static-resolve.mjs +3 -3
- package/dist/esm/static-resolve.mjs.map +1 -1
- package/dist/esm/static-resolve.native.js +3 -3
- package/dist/esm/static-resolve.native.js.map +1 -1
- package/dist/esm/style.mjs +58 -0
- package/dist/esm/style.mjs.map +1 -0
- package/dist/esm/style.native.js +63 -0
- package/dist/esm/style.native.js.map +1 -0
- package/dist/esm/styled.mjs +12 -6
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js +12 -6
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/types.mjs +3 -4
- package/dist/esm/types.mjs.map +1 -1
- package/dist/esm/types.native.js +3 -4
- package/dist/esm/types.native.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.mjs +1 -2
- package/dist/esm/views/TamaguiProvider.mjs.map +1 -1
- package/dist/esm/views/TamaguiProvider.native.js +1 -2
- package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
- package/dist/esm/views/Text.mjs +17 -12
- package/dist/esm/views/Text.mjs.map +1 -1
- package/dist/esm/views/Theme.mjs +3 -3
- package/dist/esm/views/Theme.mjs.map +1 -1
- package/dist/esm/views/Theme.native.js +3 -3
- package/dist/esm/views/Theme.native.js.map +1 -1
- package/dist/esm/views/ThemeDebug.mjs +1 -4
- package/dist/esm/views/ThemeDebug.mjs.map +1 -1
- package/package.json +15 -15
- package/src/createComponent.tsx +21 -1
- package/src/createStyledHOC.tsx +4 -2
- package/src/createVariable.ts +0 -10
- package/src/helpers/borderComponents.ts +62 -0
- package/src/helpers/createDesignSystem.ts +0 -2
- package/src/helpers/createStyledContext.tsx +15 -53
- package/src/helpers/formatDiagnostic.ts +9 -9
- package/src/helpers/getCSSStylesAtomic.native.ts +6 -3
- package/src/helpers/getCSSStylesAtomic.ts +192 -207
- package/src/helpers/getCSSStylesAtomicCompiled.ts +13 -1
- package/src/helpers/getDynamicVal.ts +4 -0
- package/src/helpers/getSplitStyles.tsx +2080 -3270
- package/src/helpers/grammarConfig.ts +218 -1
- package/src/helpers/insertStyleRule.tsx +4 -2
- package/src/helpers/log.ts +12 -11
- package/src/helpers/mergeVariants.ts +55 -18
- package/src/helpers/nativeOnlyProps.ts +0 -1
- package/src/helpers/nativeStyleEngine.ts +55 -14
- package/src/helpers/normalizeValueWithProperty.ts +10 -12
- package/src/helpers/parseBorderShorthand.native.ts +23 -45
- package/src/helpers/parseOutlineShorthand.native.ts +9 -40
- package/src/helpers/resolveSafeArea.ts +34 -101
- package/src/helpers/resolveVariantStyle.ts +77 -0
- package/src/helpers/styleFrontend.ts +8 -5
- package/src/helpers/styleStaticConfig.ts +5 -72
- package/src/helpers/styleStaticConfigCore.ts +110 -0
- package/src/helpers/styledDynamic.ts +191 -0
- package/src/helpers/tokenCategories.ts +40 -65
- package/src/helpers/variableValue.ts +20 -15
- package/src/helpers/warnOnce.ts +5 -4
- package/src/hooks/useAnimationDriver.ts +6 -2
- package/src/hooks/useComponentState.ts +55 -183
- package/src/hooks/useMedia.tsx +10 -8
- package/src/hooks/useStyle.ts +10 -0
- package/src/hooks/useThemeState.ts +51 -264
- package/src/index.ts +6 -6
- package/src/internalRuntimeTypes.ts +1 -0
- package/src/static-resolve.ts +7 -4
- package/src/style.ts +97 -0
- package/src/styled.tsx +39 -68
- package/src/types.tsx +105 -169
- package/src/views/TamaguiProvider.tsx +0 -2
- package/src/views/Text.tsx +20 -14
- package/src/views/Theme.tsx +13 -9
- package/src/views/ThemeDebug.tsx +0 -1
- package/types/createComponent.d.ts.map +1 -1
- package/types/createStyledHOC.d.ts +1 -1
- package/types/createStyledHOC.d.ts.map +1 -1
- package/types/createVariable.d.ts +0 -2
- package/types/createVariable.d.ts.map +1 -1
- package/types/helpers/borderComponents.d.ts +10 -0
- package/types/helpers/borderComponents.d.ts.map +1 -0
- package/types/helpers/createDesignSystem.d.ts.map +1 -1
- package/types/helpers/createStyledContext.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.d.ts +20 -19
- package/types/helpers/getCSSStylesAtomic.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.native.d.ts +5 -0
- package/types/helpers/getCSSStylesAtomic.native.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomicCompiled.d.ts +6 -1
- package/types/helpers/getCSSStylesAtomicCompiled.d.ts.map +1 -1
- package/types/helpers/getDynamicVal.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts +3 -5
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/grammarConfig.d.ts +25 -2
- package/types/helpers/grammarConfig.d.ts.map +1 -1
- package/types/helpers/insertStyleRule.d.ts +1 -0
- package/types/helpers/insertStyleRule.d.ts.map +1 -1
- package/types/helpers/log.d.ts.map +1 -1
- package/types/helpers/mergeVariants.d.ts.map +1 -1
- package/types/helpers/nativeOnlyProps.d.ts +0 -1
- package/types/helpers/nativeOnlyProps.d.ts.map +1 -1
- package/types/helpers/nativeStyleEngine.d.ts +6 -0
- package/types/helpers/nativeStyleEngine.d.ts.map +1 -1
- package/types/helpers/normalizeValueWithProperty.d.ts.map +1 -1
- package/types/helpers/parseBorderShorthand.native.d.ts +1 -0
- package/types/helpers/parseBorderShorthand.native.d.ts.map +1 -1
- package/types/helpers/parseOutlineShorthand.native.d.ts.map +1 -1
- package/types/helpers/resolveSafeArea.d.ts +0 -1
- package/types/helpers/resolveSafeArea.d.ts.map +1 -1
- package/types/helpers/resolveVariantStyle.d.ts +3 -0
- package/types/helpers/resolveVariantStyle.d.ts.map +1 -0
- package/types/helpers/styleFrontend.d.ts +3 -5
- package/types/helpers/styleFrontend.d.ts.map +1 -1
- package/types/helpers/styleStaticConfig.d.ts +4 -9
- package/types/helpers/styleStaticConfig.d.ts.map +1 -1
- package/types/helpers/styleStaticConfigCore.d.ts +4 -0
- package/types/helpers/styleStaticConfigCore.d.ts.map +1 -0
- package/types/helpers/styledDynamic.d.ts +18 -0
- package/types/helpers/styledDynamic.d.ts.map +1 -0
- package/types/helpers/tokenCategories.d.ts +0 -1
- package/types/helpers/tokenCategories.d.ts.map +1 -1
- package/types/helpers/variableValue.d.ts.map +1 -1
- package/types/helpers/warnOnce.d.ts.map +1 -1
- package/types/helpers/webPropsToSkip.native.d.ts +68 -68
- package/types/hooks/useAnimationDriver.d.ts.map +1 -1
- package/types/hooks/useComponentState.d.ts.map +1 -1
- package/types/hooks/useMedia.d.ts.map +1 -1
- package/types/hooks/useStyle.d.ts +4 -0
- package/types/hooks/useStyle.d.ts.map +1 -0
- package/types/hooks/useThemeState.d.ts +1 -11
- package/types/hooks/useThemeState.d.ts.map +1 -1
- package/types/index.d.ts +6 -4
- package/types/index.d.ts.map +1 -1
- package/types/internalRuntimeTypes.d.ts +1 -1
- package/types/internalRuntimeTypes.d.ts.map +1 -1
- package/types/static-resolve.d.ts.map +1 -1
- package/types/style.d.ts +18 -0
- package/types/style.d.ts.map +1 -0
- package/types/styled.d.ts +10 -10
- package/types/styled.d.ts.map +1 -1
- package/types/types.d.ts +74 -49
- package/types/types.d.ts.map +1 -1
- package/types/views/TamaguiProvider.d.ts +1 -1
- package/types/views/TamaguiProvider.d.ts.map +1 -1
- package/types/views/Text.d.ts.map +1 -1
- package/types/views/Theme.d.ts.map +1 -1
- package/types/views/ThemeDebug.d.ts.map +1 -1
- package/dist/cjs/helpers/directStyleCSS.cjs +0 -345
- package/dist/cjs/helpers/directStyleCSS.native.js.map +0 -1
- package/dist/cjs/helpers/directStyleCSSCompiled.cjs +0 -40
- package/dist/cjs/helpers/directStyleCSSCompiled.native.cjs +0 -46
- package/dist/cjs/helpers/directStyleCSSCompiled.native.js +0 -48
- package/dist/cjs/helpers/directStyleCSSCompiled.native.js.map +0 -1
- package/dist/cjs/helpers/getVariantExtras.cjs +0 -91
- package/dist/cjs/helpers/getVariantExtras.native.cjs +0 -94
- package/dist/cjs/helpers/getVariantExtras.native.js +0 -96
- package/dist/cjs/helpers/getVariantExtras.native.js.map +0 -1
- package/dist/cjs/helpers/variantResolvers.cjs +0 -87
- package/dist/cjs/helpers/variantResolvers.native.cjs +0 -140
- package/dist/cjs/helpers/variantResolvers.native.js +0 -142
- package/dist/cjs/helpers/variantResolvers.native.js.map +0 -1
- package/dist/esm/helpers/directStyleCSS.mjs +0 -317
- package/dist/esm/helpers/directStyleCSS.mjs.map +0 -1
- package/dist/esm/helpers/directStyleCSS.native.js +0 -1
- package/dist/esm/helpers/directStyleCSSCompiled.mjs +0 -11
- package/dist/esm/helpers/directStyleCSSCompiled.mjs.map +0 -1
- package/dist/esm/helpers/directStyleCSSCompiled.native.js +0 -15
- package/dist/esm/helpers/directStyleCSSCompiled.native.js.map +0 -1
- package/dist/esm/helpers/getVariantExtras.mjs +0 -69
- package/dist/esm/helpers/getVariantExtras.mjs.map +0 -1
- package/dist/esm/helpers/getVariantExtras.native.js +0 -70
- package/dist/esm/helpers/getVariantExtras.native.js.map +0 -1
- package/dist/esm/helpers/variantResolvers.mjs +0 -65
- package/dist/esm/helpers/variantResolvers.mjs.map +0 -1
- package/dist/esm/helpers/variantResolvers.native.js +0 -116
- package/dist/esm/helpers/variantResolvers.native.js.map +0 -1
- package/src/helpers/directStyleCSS.native.ts +0 -1
- package/src/helpers/directStyleCSS.ts +0 -513
- package/src/helpers/directStyleCSSCompiled.ts +0 -32
- package/src/helpers/getVariantExtras.tsx +0 -95
- package/src/helpers/variantResolvers.ts +0 -121
- package/types/helpers/directStyleCSS.d.ts +0 -28
- package/types/helpers/directStyleCSS.d.ts.map +0 -1
- package/types/helpers/directStyleCSS.native.d.ts +0 -2
- package/types/helpers/directStyleCSS.native.d.ts.map +0 -1
- package/types/helpers/directStyleCSSCompiled.d.ts +0 -10
- package/types/helpers/directStyleCSSCompiled.d.ts.map +0 -1
- package/types/helpers/getVariantExtras.d.ts +0 -4
- package/types/helpers/getVariantExtras.d.ts.map +0 -1
- package/types/helpers/variantResolvers.d.ts +0 -9
- package/types/helpers/variantResolvers.d.ts.map +0 -1
|
@@ -48,19 +48,24 @@ const tokenCategoryOrder = [
|
|
|
48
48
|
"zIndex"
|
|
49
49
|
];
|
|
50
50
|
const findVariableToken = (tokensParsed, name) => {
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
if (process.env.NODE_ENV === "development") {
|
|
52
|
+
let found;
|
|
53
|
+
let foundCategory;
|
|
54
|
+
for (const category of tokenCategoryOrder) {
|
|
55
|
+
const token = tokensParsed[category]?.[name];
|
|
56
|
+
if (!token) continue;
|
|
57
|
+
if (!found) {
|
|
58
|
+
found = token;
|
|
59
|
+
foundCategory = category;
|
|
60
|
+
} else {
|
|
61
|
+
(0, import_warnOnce.warnOnce)(`ambiguous:${name}`, `Theme inline value: "${name}" exists in multiple token categories; using "${foundCategory}". Rename one of the colliding tokens.`);
|
|
62
|
+
break;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
return found;
|
|
66
|
+
}
|
|
53
67
|
for (const category of tokenCategoryOrder) {
|
|
54
68
|
const token = tokensParsed[category]?.[name];
|
|
55
|
-
if (
|
|
56
|
-
if (!found) {
|
|
57
|
-
found = token;
|
|
58
|
-
foundCategory = category;
|
|
59
|
-
if (process.env.NODE_ENV !== "development") break;
|
|
60
|
-
} else {
|
|
61
|
-
(0, import_warnOnce.warnOnce)(`ambiguous:${name}`, `Theme inline value: "${name}" exists in multiple token categories; using "${foundCategory}". Rename one of the colliding tokens.`);
|
|
62
|
-
break;
|
|
63
|
-
}
|
|
69
|
+
if (token) return token;
|
|
64
70
|
}
|
|
65
|
-
return found;
|
|
66
71
|
};
|
|
@@ -52,37 +52,60 @@ var tokenCategoryOrder = [
|
|
|
52
52
|
"zIndex"
|
|
53
53
|
];
|
|
54
54
|
var findVariableToken = function(tokensParsed, name) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
var
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
found
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
55
|
+
if (process.env.NODE_ENV === "development") {
|
|
56
|
+
var found;
|
|
57
|
+
var foundCategory;
|
|
58
|
+
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
59
|
+
try {
|
|
60
|
+
for (var _iterator = tokenCategoryOrder[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
61
|
+
var category = _step.value;
|
|
62
|
+
var _tokensParsed_category;
|
|
63
|
+
var token = (_tokensParsed_category = tokensParsed[category]) === null || _tokensParsed_category === void 0 ? void 0 : _tokensParsed_category[name];
|
|
64
|
+
if (!token) continue;
|
|
65
|
+
if (!found) {
|
|
66
|
+
found = token;
|
|
67
|
+
foundCategory = category;
|
|
68
|
+
} else {
|
|
69
|
+
(0, import_warnOnce.warnOnce)(`ambiguous:${name}`, `Theme inline value: "${name}" exists in multiple token categories; using "${foundCategory}". Rename one of the colliding tokens.`);
|
|
70
|
+
break;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
} catch (err) {
|
|
74
|
+
_didIteratorError = true;
|
|
75
|
+
_iteratorError = err;
|
|
76
|
+
} finally {
|
|
77
|
+
try {
|
|
78
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
79
|
+
_iterator.return();
|
|
80
|
+
}
|
|
81
|
+
} finally {
|
|
82
|
+
if (_didIteratorError) {
|
|
83
|
+
throw _iteratorError;
|
|
84
|
+
}
|
|
71
85
|
}
|
|
72
86
|
}
|
|
87
|
+
return found;
|
|
88
|
+
}
|
|
89
|
+
var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
|
|
90
|
+
try {
|
|
91
|
+
for (var _iterator1 = tokenCategoryOrder[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
|
|
92
|
+
var category1 = _step1.value;
|
|
93
|
+
var _tokensParsed_category1;
|
|
94
|
+
var token1 = (_tokensParsed_category1 = tokensParsed[category1]) === null || _tokensParsed_category1 === void 0 ? void 0 : _tokensParsed_category1[name];
|
|
95
|
+
if (token1) return token1;
|
|
96
|
+
}
|
|
73
97
|
} catch (err) {
|
|
74
|
-
|
|
75
|
-
|
|
98
|
+
_didIteratorError1 = true;
|
|
99
|
+
_iteratorError1 = err;
|
|
76
100
|
} finally {
|
|
77
101
|
try {
|
|
78
|
-
if (!
|
|
79
|
-
|
|
102
|
+
if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
|
|
103
|
+
_iterator1.return();
|
|
80
104
|
}
|
|
81
105
|
} finally {
|
|
82
|
-
if (
|
|
83
|
-
throw
|
|
106
|
+
if (_didIteratorError1) {
|
|
107
|
+
throw _iteratorError1;
|
|
84
108
|
}
|
|
85
109
|
}
|
|
86
110
|
}
|
|
87
|
-
return found;
|
|
88
111
|
};
|
|
@@ -52,39 +52,62 @@ var tokenCategoryOrder = [
|
|
|
52
52
|
"zIndex"
|
|
53
53
|
];
|
|
54
54
|
var findVariableToken = function(tokensParsed, name) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
var
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
found
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
55
|
+
if (process.env.NODE_ENV === "development") {
|
|
56
|
+
var found;
|
|
57
|
+
var foundCategory;
|
|
58
|
+
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
59
|
+
try {
|
|
60
|
+
for (var _iterator = tokenCategoryOrder[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
61
|
+
var category = _step.value;
|
|
62
|
+
var _tokensParsed_category;
|
|
63
|
+
var token = (_tokensParsed_category = tokensParsed[category]) === null || _tokensParsed_category === void 0 ? void 0 : _tokensParsed_category[name];
|
|
64
|
+
if (!token) continue;
|
|
65
|
+
if (!found) {
|
|
66
|
+
found = token;
|
|
67
|
+
foundCategory = category;
|
|
68
|
+
} else {
|
|
69
|
+
(0, import_warnOnce.warnOnce)(`ambiguous:${name}`, `Theme inline value: "${name}" exists in multiple token categories; using "${foundCategory}". Rename one of the colliding tokens.`);
|
|
70
|
+
break;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
} catch (err) {
|
|
74
|
+
_didIteratorError = true;
|
|
75
|
+
_iteratorError = err;
|
|
76
|
+
} finally {
|
|
77
|
+
try {
|
|
78
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
79
|
+
_iterator.return();
|
|
80
|
+
}
|
|
81
|
+
} finally {
|
|
82
|
+
if (_didIteratorError) {
|
|
83
|
+
throw _iteratorError;
|
|
84
|
+
}
|
|
71
85
|
}
|
|
72
86
|
}
|
|
87
|
+
return found;
|
|
88
|
+
}
|
|
89
|
+
var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
|
|
90
|
+
try {
|
|
91
|
+
for (var _iterator1 = tokenCategoryOrder[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
|
|
92
|
+
var category1 = _step1.value;
|
|
93
|
+
var _tokensParsed_category1;
|
|
94
|
+
var token1 = (_tokensParsed_category1 = tokensParsed[category1]) === null || _tokensParsed_category1 === void 0 ? void 0 : _tokensParsed_category1[name];
|
|
95
|
+
if (token1) return token1;
|
|
96
|
+
}
|
|
73
97
|
} catch (err) {
|
|
74
|
-
|
|
75
|
-
|
|
98
|
+
_didIteratorError1 = true;
|
|
99
|
+
_iteratorError1 = err;
|
|
76
100
|
} finally {
|
|
77
101
|
try {
|
|
78
|
-
if (!
|
|
79
|
-
|
|
102
|
+
if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
|
|
103
|
+
_iterator1.return();
|
|
80
104
|
}
|
|
81
105
|
} finally {
|
|
82
|
-
if (
|
|
83
|
-
throw
|
|
106
|
+
if (_didIteratorError1) {
|
|
107
|
+
throw _iteratorError1;
|
|
84
108
|
}
|
|
85
109
|
}
|
|
86
110
|
}
|
|
87
|
-
return found;
|
|
88
111
|
};
|
|
89
112
|
|
|
90
113
|
//# sourceMappingURL=variableValue.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variableValue.native.js","names":[],"sources":["cjs/helpers/variableValue.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar variableValue_exports = {};\n__export(variableValue_exports, {\n findVariableToken: () => findVariableToken,\n isUnitlessVariableKey: () => isUnitlessVariableKey\n});\nmodule.exports = __toCommonJS(variableValue_exports);\nvar import_warnOnce = require(\"./warnOnce\");\nvar unitlessSuffixes = [\n \"opacity\",\n \"scale\",\n \"zindex\",\n \"weight\",\n \"flex\",\n \"grow\",\n \"shrink\",\n \"ratio\",\n \"elevation\"\n];\nvar isUnitlessVariableKey = function(key) {\n var lower = key.toLowerCase();\n return unitlessSuffixes.some(function(suffix) {\n return lower.endsWith(suffix);\n });\n};\nvar tokenCategoryOrder = [\n \"color\",\n \"space\",\n \"size\",\n \"radius\",\n \"zIndex\"\n];\nvar findVariableToken = function(tokensParsed, name) {\n var found;\n
|
|
1
|
+
{"version":3,"file":"variableValue.native.js","names":[],"sources":["cjs/helpers/variableValue.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar variableValue_exports = {};\n__export(variableValue_exports, {\n findVariableToken: () => findVariableToken,\n isUnitlessVariableKey: () => isUnitlessVariableKey\n});\nmodule.exports = __toCommonJS(variableValue_exports);\nvar import_warnOnce = require(\"./warnOnce\");\nvar unitlessSuffixes = [\n \"opacity\",\n \"scale\",\n \"zindex\",\n \"weight\",\n \"flex\",\n \"grow\",\n \"shrink\",\n \"ratio\",\n \"elevation\"\n];\nvar isUnitlessVariableKey = function(key) {\n var lower = key.toLowerCase();\n return unitlessSuffixes.some(function(suffix) {\n return lower.endsWith(suffix);\n });\n};\nvar tokenCategoryOrder = [\n \"color\",\n \"space\",\n \"size\",\n \"radius\",\n \"zIndex\"\n];\nvar findVariableToken = function(tokensParsed, name) {\n if (process.env.NODE_ENV === \"development\") {\n var found;\n var foundCategory;\n var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n try {\n for (var _iterator = tokenCategoryOrder[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var category = _step.value;\n var _tokensParsed_category;\n var token = (_tokensParsed_category = tokensParsed[category]) === null || _tokensParsed_category === void 0 ? void 0 : _tokensParsed_category[name];\n if (!token) continue;\n if (!found) {\n found = token;\n foundCategory = category;\n } else {\n (0, import_warnOnce.warnOnce)(`ambiguous:${name}`, `Theme inline value: \"${name}\" exists in multiple token categories; using \"${foundCategory}\". Rename one of the colliding tokens.`);\n break;\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return != null) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n return found;\n }\n var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;\n try {\n for (var _iterator1 = tokenCategoryOrder[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {\n var category1 = _step1.value;\n var _tokensParsed_category1;\n var token1 = (_tokensParsed_category1 = tokensParsed[category1]) === null || _tokensParsed_category1 === void 0 ? void 0 : _tokensParsed_category1[name];\n if (token1) return token1;\n }\n } catch (err) {\n _didIteratorError1 = true;\n _iteratorError1 = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion1 && _iterator1.return != null) {\n _iterator1.return();\n }\n } finally {\n if (_didIteratorError1) {\n throw _iteratorError1;\n }\n }\n }\n};\n//# sourceMappingURL=variableValue.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,wBAAwB,CAAC;AAC7B,SAAS,uBAAuB;CAC9B,yBAAyB;CACzB,6BAA6B;AAC/B,CAAC;AACD,OAAO,UAAU,aAAa,qBAAqB;AACnD,IAAI,kBAAkB,QAAQ,sBAAY;AAC1C,IAAI,mBAAmB;CACrB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AACA,IAAI,wBAAwB,SAAS,KAAK;CACxC,IAAI,QAAQ,IAAI,YAAY;CAC5B,OAAO,iBAAiB,KAAK,SAAS,QAAQ;EAC5C,OAAO,MAAM,SAAS,MAAM;CAC9B,CAAC;AACH;AACA,IAAI,qBAAqB;CACvB;CACA;CACA;CACA;CACA;AACF;AACA,IAAI,oBAAoB,SAAS,cAAc,MAAM;CACnD,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI;EACJ,IAAI;EACJ,IAAI,4BAA4B,MAAM,oBAAoB,OAAO,iBAAiB,KAAK;EACvF,IAAI;GACF,KAAK,IAAI,YAAY,mBAAmB,OAAO,SAAS,CAAC,GAAG,OAAO,EAAE,6BAA6B,QAAQ,UAAU,KAAK,EAAC,CAAE,OAAO,4BAA4B,MAAM;IACnK,IAAI,WAAW,MAAM;IACrB,IAAI;IACJ,IAAI,SAAS,yBAAyB,aAAa,eAAe,QAAQ,2BAA2B,KAAK,IAAI,KAAK,IAAI,uBAAuB;IAC9I,IAAI,CAAC,OAAO;IACZ,IAAI,CAAC,OAAO;KACV,QAAQ;KACR,gBAAgB;IAClB,OAAO;KACL,CAAC,GAAG,gBAAgB,SAAQ,CAAE,aAAa,QAAQ,wBAAwB,KAAK,gDAAgD,cAAc,uCAAuC;KACrL;IACF;GACF;EACF,SAAS,KAAK;GACZ,oBAAoB;GACpB,iBAAiB;EACnB,UAAU;GACR,IAAI;IACF,IAAI,CAAC,6BAA6B,UAAU,UAAU,MAAM;KAC1D,UAAU,OAAO;IACnB;GACF,UAAU;IACR,IAAI,mBAAmB;KACrB,MAAM;IACR;GACF;EACF;EACA,OAAO;CACT;CACA,IAAI,6BAA6B,MAAM,qBAAqB,OAAO,kBAAkB,KAAK;CAC1F,IAAI;EACF,KAAK,IAAI,aAAa,mBAAmB,OAAO,SAAS,CAAC,GAAG,QAAQ,EAAE,8BAA8B,SAAS,WAAW,KAAK,EAAC,CAAE,OAAO,6BAA6B,MAAM;GACzK,IAAI,YAAY,OAAO;GACvB,IAAI;GACJ,IAAI,UAAU,0BAA0B,aAAa,gBAAgB,QAAQ,4BAA4B,KAAK,IAAI,KAAK,IAAI,wBAAwB;GACnJ,IAAI,QAAQ,OAAO;EACrB;CACF,SAAS,KAAK;EACZ,qBAAqB;EACrB,kBAAkB;CACpB,UAAU;EACR,IAAI;GACF,IAAI,CAAC,8BAA8B,WAAW,UAAU,MAAM;IAC5D,WAAW,OAAO;GACpB;EACF,UAAU;GACR,IAAI,oBAAoB;IACtB,MAAM;GACR;EACF;CACF;AACF"}
|
|
@@ -27,10 +27,11 @@ module.exports = __toCommonJS(warnOnce_exports);
|
|
|
27
27
|
const warnLimit = 500;
|
|
28
28
|
const warned = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ new Set() : null;
|
|
29
29
|
function warnOnce(key, message = key) {
|
|
30
|
-
if (process.env.NODE_ENV
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
30
|
+
if (process.env.NODE_ENV === "development") {
|
|
31
|
+
if (warned?.has(key) || (warned?.size ?? 0) >= warnLimit) return;
|
|
32
|
+
warned?.add(key);
|
|
33
|
+
console.warn(`[tamagui] ${message}`);
|
|
34
|
+
}
|
|
34
35
|
}
|
|
35
36
|
function warnRefusedValue(property, value, reason) {
|
|
36
37
|
warnOnce(`refused:${property}=${value}`, `${property}="${value}" had a segment dropped: ${reason}`);
|
|
@@ -30,10 +30,12 @@ var warnLimit = 500;
|
|
|
30
30
|
var warned = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ new Set() : null;
|
|
31
31
|
function warnOnce(key) {
|
|
32
32
|
var message = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : key;
|
|
33
|
-
if (process.env.NODE_ENV
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
if (process.env.NODE_ENV === "development") {
|
|
34
|
+
var _warned_size;
|
|
35
|
+
if ((warned === null || warned === void 0 ? void 0 : warned.has(key)) || ((_warned_size = warned === null || warned === void 0 ? void 0 : warned.size) !== null && _warned_size !== void 0 ? _warned_size : 0) >= warnLimit) return;
|
|
36
|
+
warned === null || warned === void 0 ? void 0 : warned.add(key);
|
|
37
|
+
console.warn(`[tamagui] ${message}`);
|
|
38
|
+
}
|
|
37
39
|
}
|
|
38
40
|
function warnRefusedValue(property, value, reason) {
|
|
39
41
|
warnOnce(`refused:${property}=${value}`, `${property}="${value}" had a segment dropped: ${reason}`);
|
|
@@ -30,10 +30,12 @@ var warnLimit = 500;
|
|
|
30
30
|
var warned = process.env.NODE_ENV !== "production" ? /* @__PURE__ */ new Set() : null;
|
|
31
31
|
function warnOnce(key) {
|
|
32
32
|
var message = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : key;
|
|
33
|
-
if (process.env.NODE_ENV
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
if (process.env.NODE_ENV === "development") {
|
|
34
|
+
var _warned_size;
|
|
35
|
+
if ((warned === null || warned === void 0 ? void 0 : warned.has(key)) || ((_warned_size = warned === null || warned === void 0 ? void 0 : warned.size) !== null && _warned_size !== void 0 ? _warned_size : 0) >= warnLimit) return;
|
|
36
|
+
warned === null || warned === void 0 ? void 0 : warned.add(key);
|
|
37
|
+
console.warn(`[tamagui] ${message}`);
|
|
38
|
+
}
|
|
37
39
|
}
|
|
38
40
|
function warnRefusedValue(property, value, reason) {
|
|
39
41
|
warnOnce(`refused:${property}=${value}`, `${property}="${value}" had a segment dropped: ${reason}`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"warnOnce.native.js","names":[],"sources":["cjs/helpers/warnOnce.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar warnOnce_exports = {};\n__export(warnOnce_exports, {\n warnOnce: () => warnOnce,\n warnRefusedValue: () => warnRefusedValue\n});\nmodule.exports = __toCommonJS(warnOnce_exports);\nvar warnLimit = 500;\nvar warned = process.env.NODE_ENV !== \"production\" ? /* @__PURE__ */ new Set() : null;\nfunction warnOnce(key) {\n var message = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : key;\n if (process.env.NODE_ENV
|
|
1
|
+
{"version":3,"file":"warnOnce.native.js","names":[],"sources":["cjs/helpers/warnOnce.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar warnOnce_exports = {};\n__export(warnOnce_exports, {\n warnOnce: () => warnOnce,\n warnRefusedValue: () => warnRefusedValue\n});\nmodule.exports = __toCommonJS(warnOnce_exports);\nvar warnLimit = 500;\nvar warned = process.env.NODE_ENV !== \"production\" ? /* @__PURE__ */ new Set() : null;\nfunction warnOnce(key) {\n var message = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : key;\n if (process.env.NODE_ENV === \"development\") {\n var _warned_size;\n if ((warned === null || warned === void 0 ? void 0 : warned.has(key)) || ((_warned_size = warned === null || warned === void 0 ? void 0 : warned.size) !== null && _warned_size !== void 0 ? _warned_size : 0) >= warnLimit) return;\n warned === null || warned === void 0 ? void 0 : warned.add(key);\n console.warn(`[tamagui] ${message}`);\n }\n}\nfunction warnRefusedValue(property, value, reason) {\n warnOnce(`refused:${property}=${value}`, `${property}=\"${value}\" had a segment dropped: ${reason}`);\n}\n//# sourceMappingURL=warnOnce.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,mBAAmB,CAAC;AACxB,SAAS,kBAAkB;CACzB,gBAAgB;CAChB,wBAAwB;AAC1B,CAAC;AACD,OAAO,UAAU,aAAa,gBAAgB;AAC9C,IAAI,YAAY;AAChB,IAAI,SAAS,QAAQ,IAAI,aAAa,+BAA+B,IAAI,IAAI,IAAI;AACjF,SAAS,SAAS,KAAK;CACrB,IAAI,UAAU,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CAC/E,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI;EACJ,KAAK,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,GAAG,QAAQ,eAAe,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,UAAU,QAAQ,iBAAiB,KAAK,IAAI,eAAe,MAAM,WAAW;EAC7N,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,GAAG;EAC9D,QAAQ,KAAK,aAAa,SAAS;CACrC;AACF;AACA,SAAS,iBAAiB,UAAU,OAAO,QAAQ;CACjD,SAAS,WAAW,SAAS,GAAG,SAAS,GAAG,SAAS,IAAI,MAAM,2BAA2B,QAAQ;AACpG"}
|
|
@@ -31,7 +31,7 @@ var import_ComponentContext = require("../contexts/ComponentContext.cjs");
|
|
|
31
31
|
function useAnimationDriver() {
|
|
32
32
|
const { animationDriver } = (0, import_ComponentContext.useConfiguration)();
|
|
33
33
|
if (!animationDriver || animationDriver.isStub) {
|
|
34
|
-
throw new Error(`No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);
|
|
34
|
+
throw new Error(process.env.NODE_ENV !== "production" ? `No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations` : "❌ Error 011");
|
|
35
35
|
}
|
|
36
36
|
return animationDriver;
|
|
37
37
|
}
|
|
@@ -39,7 +39,7 @@ function useAnimatedNumberDriver() {
|
|
|
39
39
|
const driver = useAnimationDriver();
|
|
40
40
|
const animatedDriver = driver;
|
|
41
41
|
if (typeof animatedDriver.useAnimatedNumber !== "function" || typeof animatedDriver.useAnimatedNumberStyle !== "function" || typeof animatedDriver.useAnimatedNumbersStyle !== "function" || typeof animatedDriver.useAnimatedNumberReaction !== "function") {
|
|
42
|
-
throw new Error(`The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css`);
|
|
42
|
+
throw new Error(process.env.NODE_ENV !== "production" ? `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css` : "❌ Error 012");
|
|
43
43
|
}
|
|
44
44
|
return animatedDriver;
|
|
45
45
|
}
|
|
@@ -33,7 +33,7 @@ var import_ComponentContext = require("../contexts/ComponentContext.native.js");
|
|
|
33
33
|
function useAnimationDriver() {
|
|
34
34
|
var { animationDriver } = (0, import_ComponentContext.useConfiguration)();
|
|
35
35
|
if (!animationDriver || animationDriver.isStub) {
|
|
36
|
-
throw new Error(`No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);
|
|
36
|
+
throw new Error(process.env.NODE_ENV !== "production" ? `No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations` : "❌ Error 011");
|
|
37
37
|
}
|
|
38
38
|
return animationDriver;
|
|
39
39
|
}
|
|
@@ -41,7 +41,7 @@ function useAnimatedNumberDriver() {
|
|
|
41
41
|
var driver = useAnimationDriver();
|
|
42
42
|
var animatedDriver = driver;
|
|
43
43
|
if (typeof animatedDriver.useAnimatedNumber !== "function" || typeof animatedDriver.useAnimatedNumberStyle !== "function" || typeof animatedDriver.useAnimatedNumbersStyle !== "function" || typeof animatedDriver.useAnimatedNumberReaction !== "function") {
|
|
44
|
-
throw new Error(`The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css`);
|
|
44
|
+
throw new Error(process.env.NODE_ENV !== "production" ? `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css` : "❌ Error 012");
|
|
45
45
|
}
|
|
46
46
|
return animatedDriver;
|
|
47
47
|
}
|
|
@@ -33,7 +33,7 @@ var import_ComponentContext = require("../contexts/ComponentContext.native.js");
|
|
|
33
33
|
function useAnimationDriver() {
|
|
34
34
|
var { animationDriver } = (0, import_ComponentContext.useConfiguration)();
|
|
35
35
|
if (!animationDriver || animationDriver.isStub) {
|
|
36
|
-
throw new Error(`No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);
|
|
36
|
+
throw new Error(process.env.NODE_ENV !== "production" ? `No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations` : "❌ Error 011");
|
|
37
37
|
}
|
|
38
38
|
return animationDriver;
|
|
39
39
|
}
|
|
@@ -41,7 +41,7 @@ function useAnimatedNumberDriver() {
|
|
|
41
41
|
var driver = useAnimationDriver();
|
|
42
42
|
var animatedDriver = driver;
|
|
43
43
|
if (typeof animatedDriver.useAnimatedNumber !== "function" || typeof animatedDriver.useAnimatedNumberStyle !== "function" || typeof animatedDriver.useAnimatedNumbersStyle !== "function" || typeof animatedDriver.useAnimatedNumberReaction !== "function") {
|
|
44
|
-
throw new Error(`The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css`);
|
|
44
|
+
throw new Error(process.env.NODE_ENV !== "production" ? `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css` : "❌ Error 012");
|
|
45
45
|
}
|
|
46
46
|
return animatedDriver;
|
|
47
47
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAnimationDriver.native.js","names":[],"sources":["cjs/hooks/useAnimationDriver.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useAnimationDriver_exports = {};\n__export(useAnimationDriver_exports, {\n useAnimatedNumber: () => useAnimatedNumber,\n useAnimatedNumberReaction: () => useAnimatedNumberReaction,\n useAnimatedNumberStyle: () => useAnimatedNumberStyle,\n useAnimatedNumbersStyle: () => useAnimatedNumbersStyle,\n useAnimationDriver: () => useAnimationDriver\n});\nmodule.exports = __toCommonJS(useAnimationDriver_exports);\nvar import_ComponentContext = require(\"../contexts/ComponentContext\");\nfunction useAnimationDriver() {\n var { animationDriver } = (0, import_ComponentContext.useConfiguration)();\n if (!animationDriver || animationDriver.isStub) {\n throw new Error(`No animation driver configured. Pass \\`animations\\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);\n }\n return animationDriver;\n}\nfunction useAnimatedNumberDriver() {\n var driver = useAnimationDriver();\n var animatedDriver = driver;\n if (typeof animatedDriver.useAnimatedNumber !== \"function\" || typeof animatedDriver.useAnimatedNumberStyle !== \"function\" || typeof animatedDriver.useAnimatedNumbersStyle !== \"function\" || typeof animatedDriver.useAnimatedNumberReaction !== \"function\") {\n throw new Error(`The configured animation driver does not include animated-number hooks. When using the CSS driver, import \\`createAnimations\\` from \\`@tamagui/animations-css/extras\\` instead of \\`@tamagui/animations-css\\`. See: https://tamagui.dev/docs/core/animations-css`);\n }\n return animatedDriver;\n}\nfunction useAnimatedNumber(initial) {\n return useAnimatedNumberDriver().useAnimatedNumber(initial);\n}\nvar useAnimatedNumberStyle = function(value, getStyle) {\n return useAnimatedNumberDriver().useAnimatedNumberStyle(value, getStyle);\n};\nvar useAnimatedNumbersStyle = function(values, getStyle) {\n return useAnimatedNumberDriver().useAnimatedNumbersStyle(values, getStyle);\n};\nvar useAnimatedNumberReaction = function(opts, onValue) {\n return useAnimatedNumberDriver().useAnimatedNumberReaction(opts, onValue);\n};\n//# sourceMappingURL=useAnimationDriver.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,6BAA6B,CAAC;AAClC,SAAS,4BAA4B;CACnC,yBAAyB;CACzB,iCAAiC;CACjC,8BAA8B;CAC9B,+BAA+B;CAC/B,0BAA0B;AAC5B,CAAC;AACD,OAAO,UAAU,aAAa,0BAA0B;AACxD,IAAI,0BAA0B,QAAQ,wCAA8B;AACpE,SAAS,qBAAqB;CAC5B,IAAI,EAAE,qBAAqB,GAAG,wBAAwB,iBAAgB,CAAE;CACxE,IAAI,CAAC,mBAAmB,gBAAgB,QAAQ;EAC9C,MAAM,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"useAnimationDriver.native.js","names":[],"sources":["cjs/hooks/useAnimationDriver.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useAnimationDriver_exports = {};\n__export(useAnimationDriver_exports, {\n useAnimatedNumber: () => useAnimatedNumber,\n useAnimatedNumberReaction: () => useAnimatedNumberReaction,\n useAnimatedNumberStyle: () => useAnimatedNumberStyle,\n useAnimatedNumbersStyle: () => useAnimatedNumbersStyle,\n useAnimationDriver: () => useAnimationDriver\n});\nmodule.exports = __toCommonJS(useAnimationDriver_exports);\nvar import_ComponentContext = require(\"../contexts/ComponentContext\");\nfunction useAnimationDriver() {\n var { animationDriver } = (0, import_ComponentContext.useConfiguration)();\n if (!animationDriver || animationDriver.isStub) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `No animation driver configured. Pass \\`animations\\` to createTamagui. See: https://tamagui.dev/docs/core/animations` : \"\\u274C Error 011\");\n }\n return animationDriver;\n}\nfunction useAnimatedNumberDriver() {\n var driver = useAnimationDriver();\n var animatedDriver = driver;\n if (typeof animatedDriver.useAnimatedNumber !== \"function\" || typeof animatedDriver.useAnimatedNumberStyle !== \"function\" || typeof animatedDriver.useAnimatedNumbersStyle !== \"function\" || typeof animatedDriver.useAnimatedNumberReaction !== \"function\") {\n throw new Error(process.env.NODE_ENV !== \"production\" ? `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \\`createAnimations\\` from \\`@tamagui/animations-css/extras\\` instead of \\`@tamagui/animations-css\\`. See: https://tamagui.dev/docs/core/animations-css` : \"\\u274C Error 012\");\n }\n return animatedDriver;\n}\nfunction useAnimatedNumber(initial) {\n return useAnimatedNumberDriver().useAnimatedNumber(initial);\n}\nvar useAnimatedNumberStyle = function(value, getStyle) {\n return useAnimatedNumberDriver().useAnimatedNumberStyle(value, getStyle);\n};\nvar useAnimatedNumbersStyle = function(values, getStyle) {\n return useAnimatedNumberDriver().useAnimatedNumbersStyle(values, getStyle);\n};\nvar useAnimatedNumberReaction = function(opts, onValue) {\n return useAnimatedNumberDriver().useAnimatedNumberReaction(opts, onValue);\n};\n//# sourceMappingURL=useAnimationDriver.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,6BAA6B,CAAC;AAClC,SAAS,4BAA4B;CACnC,yBAAyB;CACzB,iCAAiC;CACjC,8BAA8B;CAC9B,+BAA+B;CAC/B,0BAA0B;AAC5B,CAAC;AACD,OAAO,UAAU,aAAa,0BAA0B;AACxD,IAAI,0BAA0B,QAAQ,wCAA8B;AACpE,SAAS,qBAAqB;CAC5B,IAAI,EAAE,qBAAqB,GAAG,wBAAwB,iBAAgB,CAAE;CACxE,IAAI,CAAC,mBAAmB,gBAAgB,QAAQ;EAC9C,MAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,wHAAwH,aAAkB;CACpM;CACA,OAAO;AACT;AACA,SAAS,0BAA0B;CACjC,IAAI,SAAS,mBAAmB;CAChC,IAAI,iBAAiB;CACrB,IAAI,OAAO,eAAe,sBAAsB,cAAc,OAAO,eAAe,2BAA2B,cAAc,OAAO,eAAe,4BAA4B,cAAc,OAAO,eAAe,8BAA8B,YAAY;EAC3P,MAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,qQAAqQ,aAAkB;CACjV;CACA,OAAO;AACT;AACA,SAAS,kBAAkB,SAAS;CAClC,OAAO,wBAAwB,CAAC,CAAC,kBAAkB,OAAO;AAC5D;AACA,IAAI,yBAAyB,SAAS,OAAO,UAAU;CACrD,OAAO,wBAAwB,CAAC,CAAC,uBAAuB,OAAO,QAAQ;AACzE;AACA,IAAI,0BAA0B,SAAS,QAAQ,UAAU;CACvD,OAAO,wBAAwB,CAAC,CAAC,wBAAwB,QAAQ,QAAQ;AAC3E;AACA,IAAI,4BAA4B,SAAS,MAAM,SAAS;CACtD,OAAO,wBAAwB,CAAC,CAAC,0BAA0B,MAAM,OAAO;AAC1E"}
|
|
@@ -26,11 +26,9 @@ var import_is_equal_shallow = require("@tamagui/is-equal-shallow");
|
|
|
26
26
|
var import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
|
|
27
27
|
var import_react = require("react");
|
|
28
28
|
var import_config = require("../config.cjs");
|
|
29
|
-
var import_formatDiagnostic = require("../helpers/formatDiagnostic.cjs");
|
|
30
29
|
var import_isOptimizedForFirstRender = require("./isOptimizedForFirstRender.cjs");
|
|
31
30
|
var import_defaultComponentState = require("../defaultComponentState.cjs");
|
|
32
31
|
var import_isObj = require("../helpers/isObj.cjs");
|
|
33
|
-
var import_log = require("../helpers/log.cjs");
|
|
34
32
|
const useComponentState = (props, animationDriver, staticConfig, config) => {
|
|
35
33
|
"use no memo";
|
|
36
34
|
const isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)();
|
|
@@ -38,48 +36,42 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
|
|
|
38
36
|
const useAnimations = animationDriver?.isStub ? void 0 : animationDriver?.useAnimations;
|
|
39
37
|
const { isHOC } = staticConfig;
|
|
40
38
|
const stateRef = (0, import_react.useRef)(void 0);
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
};
|
|
46
|
-
}
|
|
39
|
+
const curStateRef = stateRef.current ||= {
|
|
40
|
+
startedUnhydrated: needsHydration && !isHydrated,
|
|
41
|
+
optimizeForFirstRender: (0, import_isOptimizedForFirstRender.isOptimizedForFirstRender)()
|
|
42
|
+
};
|
|
47
43
|
const hasAnimationProp = Boolean(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style));
|
|
48
44
|
const inputStyle = animationDriver?.inputStyle ?? "css";
|
|
49
45
|
const outputStyle = animationDriver?.outputStyle ?? "css";
|
|
50
|
-
const curStateRef = stateRef.current;
|
|
51
46
|
if (!needsHydration && hasAnimationProp) {
|
|
52
47
|
curStateRef.hasAnimated = true;
|
|
53
48
|
}
|
|
54
49
|
const platformPseudoPossible = Boolean(!isHOC && useAnimations && animationDriver?.avoidReRenders && (0, import_constants.getPlatformDriver)()?.pseudo);
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
return Boolean(next || curStateRef.hasAnimated);
|
|
58
|
-
})();
|
|
59
|
-
let willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
|
|
50
|
+
const willBeAnimatedClient = Boolean((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations || curStateRef.hasAnimated);
|
|
51
|
+
const willBeAnimated = !import_constants.isServer && willBeAnimatedClient;
|
|
60
52
|
if (willBeAnimated && hasAnimationProp && !curStateRef.hasAnimated) {
|
|
61
53
|
curStateRef.hasAnimated = true;
|
|
62
54
|
}
|
|
63
55
|
const { disableClassName } = props;
|
|
64
|
-
|
|
56
|
+
const animatePresenceOptIn = willBeAnimated && !isHOC && props["animatePresence"] !== false;
|
|
57
|
+
if (animatePresenceOptIn) {
|
|
65
58
|
curStateRef.shouldRegisterPresence = true;
|
|
66
59
|
} else {
|
|
67
60
|
curStateRef.shouldRegisterPresence ??= false;
|
|
68
61
|
}
|
|
69
62
|
const presenceResult = animationDriver?.usePresence?.(curStateRef) || null;
|
|
70
|
-
const presence =
|
|
63
|
+
const presence = animatePresenceOptIn ? presenceResult : null;
|
|
71
64
|
const presenceState = presence?.[2];
|
|
72
65
|
const isExiting = presenceState?.isPresent === false;
|
|
73
66
|
const isEntering = presenceState?.isPresent === true && presenceState.initial !== false;
|
|
74
67
|
const hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated && inputStyle !== "css";
|
|
75
|
-
const initialState = { ...import_defaultComponentState.defaultComponentStateMounted };
|
|
76
68
|
const disabled = isDisabled(props);
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
69
|
+
const [componentState, reactSetState] = (0, import_react.useState)(() => disabled != null ? {
|
|
70
|
+
...import_defaultComponentState.defaultComponentStateMounted,
|
|
71
|
+
disabled
|
|
72
|
+
} : import_defaultComponentState.defaultComponentStateMounted);
|
|
81
73
|
const initialStyleFrameUnmounted = curStateRef.initialStyleFrameUnmounted;
|
|
82
|
-
let state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...
|
|
74
|
+
let state = !curStateRef.didFinalizeInitialStyleFrame && !isHOC || initialStyleFrameUnmounted !== void 0 ? { ...componentState } : componentState;
|
|
83
75
|
if (!curStateRef.didFinalizeInitialStyleFrame && !isHOC) {
|
|
84
76
|
state.unmounted = true;
|
|
85
77
|
}
|
|
@@ -87,26 +79,22 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
|
|
|
87
79
|
state.unmounted = initialStyleFrameUnmounted;
|
|
88
80
|
}
|
|
89
81
|
if (props.forceStyle) {
|
|
90
|
-
if (state ===
|
|
82
|
+
if (state === componentState) state = { ...state };
|
|
91
83
|
state[props.forceStyle] = true;
|
|
92
84
|
}
|
|
93
|
-
|
|
94
|
-
const
|
|
95
|
-
curStateRef.
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
});
|
|
105
|
-
};
|
|
106
|
-
}
|
|
107
|
-
const setState = curStateRef.setState;
|
|
85
|
+
const setState = curStateRef.setState ||= (stateOrGetState) => {
|
|
86
|
+
const pendingUnmounted = curStateRef.initialStyleFrameUnmounted;
|
|
87
|
+
curStateRef.initialStyleFrameUnmounted = void 0;
|
|
88
|
+
reactSetState((previous) => {
|
|
89
|
+
const current = pendingUnmounted !== void 0 && previous.unmounted !== pendingUnmounted ? {
|
|
90
|
+
...previous,
|
|
91
|
+
unmounted: pendingUnmounted
|
|
92
|
+
} : previous;
|
|
93
|
+
return typeof stateOrGetState === "function" ? stateOrGetState(current) : stateOrGetState;
|
|
94
|
+
});
|
|
95
|
+
};
|
|
108
96
|
let isAnimated = willBeAnimated;
|
|
109
|
-
if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !
|
|
97
|
+
if (import_constants.isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated) {
|
|
110
98
|
isAnimated = false;
|
|
111
99
|
curStateRef.willHydrate = true;
|
|
112
100
|
}
|
|
@@ -118,36 +106,14 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
|
|
|
118
106
|
setState((_) => ({ ...state }));
|
|
119
107
|
}
|
|
120
108
|
const groupName = props.group;
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
if (process.env.NODE_ENV === "development") {
|
|
128
|
-
const dbg = r.__debug;
|
|
129
|
-
if (dbg && update !== prev) {
|
|
130
|
-
console.groupCollapsed(`setStateShallow CHANGE`, "=>", update);
|
|
131
|
-
console.info(`previously`, prev);
|
|
132
|
-
console.trace();
|
|
133
|
-
console.groupEnd();
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
return update;
|
|
137
|
-
});
|
|
138
|
-
};
|
|
139
|
-
}
|
|
140
|
-
if (process.env.NODE_ENV === "development") {
|
|
141
|
-
;
|
|
142
|
-
stateRef.current.__debug = props.debug;
|
|
143
|
-
}
|
|
144
|
-
const setStateShallow = stateRef.current.baseSetStateShallow;
|
|
145
|
-
if (process.env.NODE_ENV === "development" && globalThis.time) globalThis.time`state-useCreateShallowSetState`;
|
|
109
|
+
const setStateShallow = curStateRef.baseSetStateShallow ||= (stateOrGetState) => {
|
|
110
|
+
setState((prev) => {
|
|
111
|
+
const next = typeof stateOrGetState === "function" ? stateOrGetState(prev) : stateOrGetState;
|
|
112
|
+
return (0, import_is_equal_shallow.mergeIfNotShallowEqual)(prev, next);
|
|
113
|
+
});
|
|
114
|
+
};
|
|
146
115
|
let outProps = props;
|
|
147
116
|
if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
|
|
148
|
-
if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
|
|
149
|
-
console.warn((0, import_formatDiagnostic.formatDiagnostic)("TAMAGUI_PRESENCE_STATE", staticConfig.Component?.displayName || staticConfig.Component?.name || "TamaguiComponent", "AnimatePresence supplied lifecycle state to an animated component", "Remove debug=\"verbose\" after inspecting the animation state", "presenceState", presenceState));
|
|
150
|
-
}
|
|
151
117
|
const { custom } = presenceState;
|
|
152
118
|
if ((0, import_isObj.isObj)(custom)) {
|
|
153
119
|
outProps = {
|
|
@@ -156,23 +122,16 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
|
|
|
156
122
|
};
|
|
157
123
|
}
|
|
158
124
|
}
|
|
159
|
-
let noClass = !import_constants.isWeb ||
|
|
160
|
-
if (
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
const isAnimatedAndHydrated =
|
|
125
|
+
let noClass = !import_constants.isWeb || Boolean(props.forceStyle);
|
|
126
|
+
if (import_constants.isWeb) {
|
|
127
|
+
if (!isHydrated) {
|
|
128
|
+
noClass = false;
|
|
129
|
+
} else {
|
|
130
|
+
const isAnimatedAndHydrated = Boolean((hasAnimationProp || curStateRef.hasAnimated) && useAnimations && !isHOC);
|
|
165
131
|
const isClassNameDisabled = !staticConfig.acceptsClassName && ((0, import_config.getSetting)("disableSSR") || !state.unmounted);
|
|
166
|
-
const isDisabledManually = disableClassName && !state.unmounted;
|
|
132
|
+
const isDisabledManually = Boolean(disableClassName && !state.unmounted);
|
|
167
133
|
if (isAnimatedAndHydrated && outputStyle !== "css" || isDisabledManually || isClassNameDisabled) {
|
|
168
134
|
noClass = true;
|
|
169
|
-
if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
|
|
170
|
-
(0, import_log.log)(`avoiding className`, {
|
|
171
|
-
isAnimatedAndHydrated,
|
|
172
|
-
isDisabledManually,
|
|
173
|
-
isClassNameDisabled
|
|
174
|
-
});
|
|
175
|
-
}
|
|
176
135
|
}
|
|
177
136
|
}
|
|
178
137
|
}
|
|
@@ -217,7 +176,7 @@ const useComponentState = (props, animationDriver, staticConfig, config) => {
|
|
|
217
176
|
result.platformPseudo = platformPseudo;
|
|
218
177
|
result.willBeAnimatedClient = nextWillBeAnimatedClient;
|
|
219
178
|
result.willBeAnimated = nextWillBeAnimated;
|
|
220
|
-
result.isAnimated = import_constants.isWeb && hasAnimationThatNeedsHydrate && !
|
|
179
|
+
result.isAnimated = import_constants.isWeb && hasAnimationThatNeedsHydrate && !isHOC && !isHydrated ? false : nextWillBeAnimated;
|
|
221
180
|
if (nextWillBeAnimated && !isHOC && props["animatePresence"] !== false) {
|
|
222
181
|
curStateRef.shouldRegisterPresence = true;
|
|
223
182
|
}
|