@tamagui/web 3.0.0-beta.807.1 → 3.0.0-beta.881.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/config.cjs +1 -1
- package/dist/cjs/config.native.cjs +1 -1
- package/dist/cjs/config.native.js +1 -1
- package/dist/cjs/config.native.js.map +1 -1
- package/dist/cjs/createComponent.cjs +40 -19
- package/dist/cjs/createComponent.native.cjs +42 -21
- package/dist/cjs/createComponent.native.js +42 -21
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createStyledHOC.cjs +54 -4
- package/dist/cjs/createStyledHOC.native.cjs +55 -4
- package/dist/cjs/createStyledHOC.native.js +55 -4
- package/dist/cjs/createStyledHOC.native.js.map +1 -1
- package/dist/cjs/createTokens.cjs +1 -1
- package/dist/cjs/createTokens.native.cjs +1 -1
- package/dist/cjs/createTokens.native.js +1 -1
- package/dist/cjs/createTokens.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/dom/html.cjs +147 -99
- package/dist/cjs/dom/htmlRuntime.native.cjs +6 -2
- package/dist/cjs/dom/htmlRuntime.native.js +6 -2
- package/dist/cjs/dom/htmlRuntime.native.js.map +1 -1
- package/dist/cjs/dom/primitives.native.cjs +16 -13
- package/dist/cjs/dom/primitives.native.js +16 -13
- package/dist/cjs/dom/primitives.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/componentDisplayName.cjs +1 -11
- package/dist/cjs/helpers/componentDisplayName.native.cjs +1 -11
- package/dist/cjs/helpers/componentDisplayName.native.js +1 -11
- package/dist/cjs/helpers/componentDisplayName.native.js.map +1 -1
- 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 +8 -10
- package/dist/cjs/helpers/formatDiagnostic.native.cjs +8 -10
- package/dist/cjs/helpers/formatDiagnostic.native.js +8 -10
- package/dist/cjs/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomic.cjs +133 -114
- 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 +1063 -2168
- package/dist/cjs/helpers/getSplitStyles.native.cjs +1115 -2515
- package/dist/cjs/helpers/getSplitStyles.native.js +1115 -2515
- 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/splitStyleProps.cjs +46 -0
- package/dist/cjs/helpers/splitStyleProps.native.cjs +49 -0
- package/dist/cjs/helpers/splitStyleProps.native.js +51 -0
- package/dist/cjs/helpers/splitStyleProps.native.js.map +1 -0
- package/dist/cjs/helpers/{getDefaultProps.native.cjs → styleStaticConfig.cjs} +7 -8
- package/dist/cjs/helpers/{getDefaultProps.native.js → styleStaticConfig.native.cjs} +7 -8
- package/dist/cjs/helpers/styleStaticConfig.native.js +31 -0
- package/dist/cjs/helpers/styleStaticConfig.native.js.map +1 -0
- 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 +12 -74
- package/dist/cjs/helpers/tokenCategories.native.cjs +12 -76
- package/dist/cjs/helpers/tokenCategories.native.js +12 -76
- 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/hooks/useSplitStyles.cjs +2 -2
- package/dist/cjs/hooks/useSplitStyles.native.cjs +2 -2
- package/dist/cjs/hooks/useSplitStyles.native.js +2 -2
- package/dist/cjs/hooks/useSplitStyles.native.js.map +1 -1
- package/dist/cjs/{helpers/getDefaultProps.cjs → hooks/useStyle.cjs} +10 -4
- package/dist/cjs/{helpers/directStyleCSS.native.js → hooks/useStyle.native.cjs} +16 -6
- 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 +9 -12
- package/dist/cjs/index.native.cjs +9 -12
- package/dist/cjs/index.native.js +9 -12
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/internal-runtime.cjs +8 -7
- package/dist/cjs/internal-runtime.native.cjs +8 -7
- package/dist/cjs/internal-runtime.native.js +8 -7
- package/dist/cjs/internal-runtime.native.js.map +1 -1
- package/dist/cjs/static-resolve.cjs +8 -7
- package/dist/cjs/static-resolve.native.cjs +8 -7
- package/dist/cjs/static-resolve.native.js +8 -7
- 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 +15 -62
- package/dist/cjs/styled.native.cjs +15 -64
- package/dist/cjs/styled.native.js +15 -64
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/types.cjs +4 -22
- package/dist/cjs/types.native.cjs +4 -22
- package/dist/cjs/types.native.js +4 -22
- 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 +21 -14
- package/dist/cjs/views/Text.native.cjs +5 -2
- package/dist/cjs/views/Text.native.js +5 -2
- package/dist/cjs/views/Text.native.js.map +1 -1
- package/dist/cjs/views/Theme.cjs +2 -2
- package/dist/cjs/views/Theme.native.cjs +2 -2
- package/dist/cjs/views/Theme.native.js +2 -2
- package/dist/cjs/views/Theme.native.js.map +1 -1
- package/dist/cjs/views/ThemeDebug.cjs +1 -4
- package/dist/cjs/views/View.cjs +4 -2
- package/dist/cjs/views/View.native.cjs +4 -2
- package/dist/cjs/views/View.native.js +4 -2
- package/dist/cjs/views/View.native.js.map +1 -1
- package/dist/esm/config.mjs +1 -1
- package/dist/esm/config.mjs.map +1 -1
- package/dist/esm/config.native.js +1 -1
- package/dist/esm/config.native.js.map +1 -1
- package/dist/esm/createComponent.mjs +41 -20
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +43 -22
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createStyledHOC.mjs +55 -5
- package/dist/esm/createStyledHOC.mjs.map +1 -1
- package/dist/esm/createStyledHOC.native.js +56 -5
- package/dist/esm/createStyledHOC.native.js.map +1 -1
- package/dist/esm/createTokens.mjs +1 -1
- package/dist/esm/createTokens.mjs.map +1 -1
- package/dist/esm/createTokens.native.js +1 -1
- package/dist/esm/createTokens.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/dom/html.mjs +147 -99
- package/dist/esm/dom/html.mjs.map +1 -1
- package/dist/esm/dom/htmlRuntime.native.js +7 -3
- package/dist/esm/dom/htmlRuntime.native.js.map +1 -1
- package/dist/esm/dom/primitives.native.js +16 -13
- package/dist/esm/dom/primitives.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/componentDisplayName.mjs +1 -8
- package/dist/esm/helpers/componentDisplayName.mjs.map +1 -1
- package/dist/esm/helpers/componentDisplayName.native.js +1 -8
- package/dist/esm/helpers/componentDisplayName.native.js.map +1 -1
- 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 +8 -10
- package/dist/esm/helpers/formatDiagnostic.mjs.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.native.js +8 -10
- package/dist/esm/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.mjs +131 -114
- 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 +1052 -2151
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +1090 -2481
- 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/splitStyleProps.mjs +27 -0
- package/dist/esm/helpers/splitStyleProps.mjs.map +1 -0
- package/dist/esm/helpers/splitStyleProps.native.js +28 -0
- package/dist/esm/helpers/splitStyleProps.native.js.map +1 -0
- package/dist/esm/helpers/styleStaticConfig.mjs +8 -0
- package/dist/esm/helpers/styleStaticConfig.mjs.map +1 -0
- package/dist/esm/helpers/styleStaticConfig.native.js +8 -0
- package/dist/esm/helpers/styleStaticConfig.native.js.map +1 -0
- 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 +12 -72
- package/dist/esm/helpers/tokenCategories.mjs.map +1 -1
- package/dist/esm/helpers/tokenCategories.native.js +12 -74
- 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/useSplitStyles.mjs +2 -2
- package/dist/esm/hooks/useSplitStyles.mjs.map +1 -1
- package/dist/esm/hooks/useSplitStyles.native.js +2 -2
- package/dist/esm/hooks/useSplitStyles.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 +8 -8
- package/dist/esm/index.mjs +8 -8
- package/dist/esm/index.native.js +8 -8
- package/dist/esm/internal-runtime.mjs +8 -7
- package/dist/esm/internal-runtime.mjs.map +1 -1
- package/dist/esm/internal-runtime.native.js +8 -7
- package/dist/esm/internal-runtime.native.js.map +1 -1
- package/dist/esm/static-resolve.mjs +11 -9
- package/dist/esm/static-resolve.mjs.map +1 -1
- package/dist/esm/static-resolve.native.js +11 -9
- 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 +17 -62
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js +17 -64
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/types.mjs +3 -21
- package/dist/esm/types.mjs.map +1 -1
- package/dist/esm/types.native.js +3 -21
- 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 +21 -14
- package/dist/esm/views/Text.mjs.map +1 -1
- package/dist/esm/views/Text.native.js +4 -2
- package/dist/esm/views/Text.native.js.map +1 -1
- package/dist/esm/views/Theme.mjs +2 -2
- package/dist/esm/views/Theme.mjs.map +1 -1
- package/dist/esm/views/Theme.native.js +2 -2
- 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/dist/esm/views/View.mjs +4 -2
- package/dist/esm/views/View.mjs.map +1 -1
- package/dist/esm/views/View.native.js +4 -2
- package/dist/esm/views/View.native.js.map +1 -1
- package/package.json +15 -15
- package/src/config.ts +1 -1
- package/src/createComponent.tsx +62 -31
- package/src/createStyledHOC.tsx +56 -9
- package/src/createTokens.ts +1 -1
- package/src/createVariable.ts +0 -10
- package/src/dom/html.tsx +778 -877
- package/src/dom/htmlRuntime.native.tsx +7 -3
- package/src/dom/primitives.native.tsx +30 -39
- package/src/helpers/borderComponents.ts +62 -0
- package/src/helpers/componentDisplayName.ts +0 -11
- package/src/helpers/createDesignSystem.ts +0 -2
- package/src/helpers/createStyledContext.tsx +15 -53
- package/src/helpers/formatDiagnostic.ts +11 -13
- package/src/helpers/getCSSStylesAtomic.native.ts +6 -3
- package/src/helpers/getCSSStylesAtomic.ts +197 -206
- package/src/helpers/getCSSStylesAtomicCompiled.ts +13 -1
- package/src/helpers/getDynamicVal.ts +4 -0
- package/src/helpers/getSplitStyles.tsx +2058 -4052
- 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/splitStyleProps.ts +166 -0
- package/src/helpers/styleFrontend.ts +16 -9
- package/src/helpers/styleStaticConfig.ts +21 -0
- package/src/helpers/styleStaticConfigCore.ts +110 -0
- package/src/helpers/styledDynamic.ts +191 -0
- package/src/helpers/tokenCategories.ts +32 -88
- 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/useSplitStyles.tsx +17 -2
- package/src/hooks/useStyle.ts +10 -0
- package/src/hooks/useTheme.tsx +1 -1
- package/src/hooks/useThemeState.ts +51 -264
- package/src/index.ts +14 -10
- package/src/internal-runtime.ts +10 -9
- package/src/internalRuntimeTypes.ts +1 -0
- package/src/static-resolve.ts +25 -18
- package/src/style.ts +97 -0
- package/src/styled.tsx +46 -332
- package/src/types.tsx +107 -192
- package/src/views/TamaguiProvider.tsx +0 -2
- package/src/views/Text.tsx +26 -21
- package/src/views/Theme.tsx +10 -8
- package/src/views/ThemeDebug.tsx +0 -1
- package/src/views/View.tsx +6 -7
- package/types/createComponent.d.ts.map +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/dom/html.d.ts.map +1 -1
- package/types/dom/htmlRuntime.native.d.ts.map +1 -1
- package/types/dom/primitives.native.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/componentDisplayName.d.ts +0 -3
- package/types/helpers/componentDisplayName.d.ts.map +1 -1
- package/types/helpers/createDesignSystem.d.ts.map +1 -1
- package/types/helpers/createStyledContext.d.ts.map +1 -1
- package/types/helpers/formatDiagnostic.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.d.ts +25 -22
- 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 +9 -11
- 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/splitStyleProps.d.ts +44 -0
- package/types/helpers/splitStyleProps.d.ts.map +1 -0
- package/types/helpers/styleFrontend.d.ts +7 -9
- package/types/helpers/styleFrontend.d.ts.map +1 -1
- package/types/helpers/styleStaticConfig.d.ts +14 -0
- package/types/helpers/styleStaticConfig.d.ts.map +1 -0
- 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/useSplitStyles.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 +8 -8
- package/types/index.d.ts.map +1 -1
- package/types/internal-runtime.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 +2 -2
- 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 +12 -48
- package/types/styled.d.ts.map +1 -1
- package/types/types.d.ts +75 -60
- 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/types/views/View.d.ts.map +1 -1
- package/dist/cjs/helpers/directStyleCSS.cjs +0 -348
- package/dist/cjs/helpers/directStyleCSS.native.cjs +0 -20
- 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/getDefaultProps.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/themeable.cjs +0 -92
- package/dist/cjs/helpers/themeable.native.cjs +0 -95
- package/dist/cjs/helpers/themeable.native.js +0 -97
- package/dist/cjs/helpers/themeable.native.js.map +0 -1
- package/dist/cjs/hooks/useProps.cjs +0 -129
- package/dist/cjs/hooks/useProps.native.cjs +0 -135
- package/dist/cjs/hooks/useProps.native.js +0 -137
- package/dist/cjs/hooks/useProps.native.js.map +0 -1
- package/dist/esm/helpers/directStyleCSS.mjs +0 -320
- 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/getDefaultProps.mjs +0 -4
- package/dist/esm/helpers/getDefaultProps.mjs.map +0 -1
- package/dist/esm/helpers/getDefaultProps.native.js +0 -6
- package/dist/esm/helpers/getDefaultProps.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/themeable.mjs +0 -67
- package/dist/esm/helpers/themeable.mjs.map +0 -1
- package/dist/esm/helpers/themeable.native.js +0 -68
- package/dist/esm/helpers/themeable.native.js.map +0 -1
- package/dist/esm/hooks/useProps.mjs +0 -100
- package/dist/esm/hooks/useProps.mjs.map +0 -1
- package/dist/esm/hooks/useProps.native.js +0 -104
- package/dist/esm/hooks/useProps.native.js.map +0 -1
- package/src/helpers/directStyleCSS.native.ts +0 -1
- package/src/helpers/directStyleCSS.ts +0 -534
- package/src/helpers/directStyleCSSCompiled.ts +0 -32
- package/src/helpers/getDefaultProps.ts +0 -3
- package/src/helpers/getVariantExtras.tsx +0 -95
- package/src/helpers/themeable.tsx +0 -96
- package/src/hooks/useProps.tsx +0 -186
- 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/getDefaultProps.d.ts +0 -3
- package/types/helpers/getDefaultProps.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/themeable.d.ts +0 -3
- package/types/helpers/themeable.d.ts.map +0 -1
- package/types/hooks/useProps.d.ts +0 -39
- package/types/hooks/useProps.d.ts.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"directStyleCSSCompiled.js","names":[],"sources":["esm/helpers/directStyleCSSCompiled.js"],"sourcesContent":["const canGenerateCSS = false;\nconst directStyleSignature = () => \"\";\nfunction streamAtomic(_state, _property, _value, _condition, _identity, _selector, _wrapperSource, _wrapperStart, _wrapperCount, _weak, _original) {\n}\nfunction completeStreamingCSS(_state) {\n}\nfunction requestBorderStyleDefault(_state, _property, _condition, _identity, _selector, _wrapperSource, _wrapperStart, _wrapperCount) {\n}\nfunction flushDirectStyles(_state, _clear = false) {\n}\nfunction addComposition(_state, _property) {\n}\nfunction clearFrameAtomic(_state, _atomicKey) {\n}\nexport {\n addComposition,\n canGenerateCSS,\n clearFrameAtomic,\n completeStreamingCSS,\n directStyleSignature,\n flushDirectStyles,\n requestBorderStyleDefault,\n streamAtomic\n};\n//# sourceMappingURL=directStyleCSSCompiled.js.map\n"],"mappings":";AAAA,MAAM,iBAAiB;AACvB,MAAM,6BAA6B;AACnC,SAAS,aAAa,QAAQ,WAAW,QAAQ,YAAY,WAAW,WAAW,gBAAgB,eAAe,eAAe,OAAO,WAAW,CACnJ;AACA,SAAS,qBAAqB,QAAQ,CACtC;AACA,SAAS,0BAA0B,QAAQ,WAAW,YAAY,WAAW,WAAW,gBAAgB,eAAe,eAAe,CACtI;AACA,SAAS,kBAAkB,QAAQ,SAAS,OAAO,CACnD;AACA,SAAS,eAAe,QAAQ,WAAW,CAC3C;AACA,SAAS,iBAAiB,QAAQ,YAAY,CAC9C"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
var canGenerateCSS = false;
|
|
2
|
-
var directStyleSignature = function() {
|
|
3
|
-
return "";
|
|
4
|
-
};
|
|
5
|
-
function streamAtomic(_state, _property, _value, _condition, _identity, _selector, _wrapperSource, _wrapperStart, _wrapperCount, _weak, _original) {}
|
|
6
|
-
function completeStreamingCSS(_state) {}
|
|
7
|
-
function requestBorderStyleDefault(_state, _property, _condition, _identity, _selector, _wrapperSource, _wrapperStart, _wrapperCount) {}
|
|
8
|
-
function flushDirectStyles(_state) {
|
|
9
|
-
var _clear = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
|
|
10
|
-
}
|
|
11
|
-
function addComposition(_state, _property) {}
|
|
12
|
-
function clearFrameAtomic(_state, _atomicKey) {}
|
|
13
|
-
|
|
14
|
-
export { addComposition, canGenerateCSS, clearFrameAtomic, completeStreamingCSS, directStyleSignature, flushDirectStyles, requestBorderStyleDefault, streamAtomic };
|
|
15
|
-
//# sourceMappingURL=directStyleCSSCompiled.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"directStyleCSSCompiled.native.js","names":[],"sources":["esm/helpers/directStyleCSSCompiled.native.js"],"sourcesContent":["var canGenerateCSS = false;\nvar directStyleSignature = function() {\n return \"\";\n};\nfunction streamAtomic(_state, _property, _value, _condition, _identity, _selector, _wrapperSource, _wrapperStart, _wrapperCount, _weak, _original) {\n}\nfunction completeStreamingCSS(_state) {\n}\nfunction requestBorderStyleDefault(_state, _property, _condition, _identity, _selector, _wrapperSource, _wrapperStart, _wrapperCount) {\n}\nfunction flushDirectStyles(_state) {\n var _clear = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;\n}\nfunction addComposition(_state, _property) {\n}\nfunction clearFrameAtomic(_state, _atomicKey) {\n}\nexport {\n addComposition,\n canGenerateCSS,\n clearFrameAtomic,\n completeStreamingCSS,\n directStyleSignature,\n flushDirectStyles,\n requestBorderStyleDefault,\n streamAtomic\n};\n//# sourceMappingURL=directStyleCSSCompiled.js.map\n"],"mappings":";AAAA,IAAI,iBAAiB;AACrB,IAAI,uBAAuB,WAAW;CACpC,OAAO;AACT;AACA,SAAS,aAAa,QAAQ,WAAW,QAAQ,YAAY,WAAW,WAAW,gBAAgB,eAAe,eAAe,OAAO,WAAW,CACnJ;AACA,SAAS,qBAAqB,QAAQ,CACtC;AACA,SAAS,0BAA0B,QAAQ,WAAW,YAAY,WAAW,WAAW,gBAAgB,eAAe,eAAe,CACtI;AACA,SAAS,kBAAkB,QAAQ;CACjC,IAAI,SAAS,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;AAChF;AACA,SAAS,eAAe,QAAQ,WAAW,CAC3C;AACA,SAAS,iBAAiB,QAAQ,YAAY,CAC9C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getDefaultProps.js","names":[],"sources":["esm/helpers/getDefaultProps.js"],"sourcesContent":["const getDefaultProps = (staticConfig) => staticConfig.defaultProps;\nexport {\n getDefaultProps\n};\n//# sourceMappingURL=getDefaultProps.js.map\n"],"mappings":";AAAA,MAAM,mBAAmB,iBAAiB,aAAa"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getDefaultProps.native.js","names":[],"sources":["esm/helpers/getDefaultProps.native.js"],"sourcesContent":["var getDefaultProps = function(staticConfig) {\n return staticConfig.defaultProps;\n};\nexport {\n getDefaultProps\n};\n//# sourceMappingURL=getDefaultProps.js.map\n"],"mappings":";AAAA,IAAI,kBAAkB,SAAS,cAAc;CAC3C,OAAO,aAAa;AACtB"}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { getSetting } from "../config.mjs";
|
|
2
|
-
import { getVariableValue } from "../createVariable.mjs";
|
|
3
|
-
|
|
4
|
-
const cache = /* @__PURE__ */ new WeakMap();
|
|
5
|
-
const getVariantExtras = (styleState) => {
|
|
6
|
-
const cached = cache.get(styleState);
|
|
7
|
-
if (cached?.props === styleState.props) {
|
|
8
|
-
return cached.value;
|
|
9
|
-
}
|
|
10
|
-
const { props, conf, context, theme, styleProps } = styleState;
|
|
11
|
-
const styledContext = styleProps.styledContext;
|
|
12
|
-
let fonts = conf.fontsParsed;
|
|
13
|
-
if (context?.language) {
|
|
14
|
-
fonts = getFontsForLanguage(conf.fontsParsed, context.language);
|
|
15
|
-
}
|
|
16
|
-
const next = {
|
|
17
|
-
fonts,
|
|
18
|
-
tokens: conf.tokensParsed,
|
|
19
|
-
theme,
|
|
20
|
-
context: styledContext,
|
|
21
|
-
get fontFamily() {
|
|
22
|
-
return getVariableValue(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || getVariableValue(getSetting("defaultFont"));
|
|
23
|
-
},
|
|
24
|
-
get font() {
|
|
25
|
-
const found = fonts[this.fontFamily];
|
|
26
|
-
if (found) return found;
|
|
27
|
-
const className = props.className;
|
|
28
|
-
if (typeof className === "string") {
|
|
29
|
-
let start = 0;
|
|
30
|
-
for (let index = 0; index <= className.length; index++) {
|
|
31
|
-
if (index !== className.length && className.charCodeAt(index) > 32) continue;
|
|
32
|
-
if (index - start > 5 && className.charCodeAt(start) === 102 && className.charCodeAt(start + 1) === 111 && className.charCodeAt(start + 2) === 110 && className.charCodeAt(start + 3) === 116 && className.charCodeAt(start + 4) === 95) {
|
|
33
|
-
const name = className.slice(start + 5, index);
|
|
34
|
-
if (fonts[name]) return fonts[name];
|
|
35
|
-
}
|
|
36
|
-
start = index + 1;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
return fonts[conf.defaultFontToken];
|
|
40
|
-
},
|
|
41
|
-
props
|
|
42
|
-
};
|
|
43
|
-
cache.set(styleState, {
|
|
44
|
-
props,
|
|
45
|
-
value: next
|
|
46
|
-
});
|
|
47
|
-
return next;
|
|
48
|
-
};
|
|
49
|
-
const fontLanguageCache = /* @__PURE__ */ new WeakMap();
|
|
50
|
-
function getFontsForLanguage(fonts, language) {
|
|
51
|
-
if (fontLanguageCache.has(language)) {
|
|
52
|
-
return fontLanguageCache.get(language);
|
|
53
|
-
}
|
|
54
|
-
const next = {
|
|
55
|
-
...fonts,
|
|
56
|
-
...Object.fromEntries(Object.entries(language).flatMap(([name, lang]) => {
|
|
57
|
-
if (lang === "default") {
|
|
58
|
-
return [];
|
|
59
|
-
}
|
|
60
|
-
const langKey = `${name}_${lang}`;
|
|
61
|
-
return [[name, fonts[langKey]]];
|
|
62
|
-
}))
|
|
63
|
-
};
|
|
64
|
-
fontLanguageCache.set(language, next);
|
|
65
|
-
return next;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
export { getFontsForLanguage, getVariantExtras };
|
|
69
|
-
//# sourceMappingURL=getVariantExtras.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getVariantExtras.js","names":[],"sources":["esm/helpers/getVariantExtras.js"],"sourcesContent":["import { getSetting } from \"../config\";\nimport { getVariableValue } from \"../createVariable\";\nconst cache = /* @__PURE__ */ new WeakMap();\nconst getVariantExtras = (styleState) => {\n const cached = cache.get(styleState);\n if (cached?.props === styleState.props) {\n return cached.value;\n }\n const { props, conf, context, theme, styleProps } = styleState;\n const styledContext = styleProps.styledContext;\n let fonts = conf.fontsParsed;\n if (context?.language) {\n fonts = getFontsForLanguage(conf.fontsParsed, context.language);\n }\n const next = {\n fonts,\n tokens: conf.tokensParsed,\n theme,\n context: styledContext,\n get fontFamily() {\n return getVariableValue(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || getVariableValue(getSetting(\"defaultFont\"));\n },\n get font() {\n const found = fonts[this.fontFamily];\n if (found) return found;\n const className = props.className;\n if (typeof className === \"string\") {\n let start = 0;\n for (let index = 0; index <= className.length; index++) {\n if (index !== className.length && className.charCodeAt(index) > 32) continue;\n if (index - start > 5 && className.charCodeAt(start) === 102 && className.charCodeAt(start + 1) === 111 && className.charCodeAt(start + 2) === 110 && className.charCodeAt(start + 3) === 116 && className.charCodeAt(start + 4) === 95) {\n const name = className.slice(start + 5, index);\n if (fonts[name]) return fonts[name];\n }\n start = index + 1;\n }\n }\n return fonts[conf.defaultFontToken];\n },\n props\n };\n cache.set(styleState, { props, value: next });\n return next;\n};\nconst fontLanguageCache = /* @__PURE__ */ new WeakMap();\nfunction getFontsForLanguage(fonts, language) {\n if (fontLanguageCache.has(language)) {\n return fontLanguageCache.get(language);\n }\n const next = {\n ...fonts,\n ...Object.fromEntries(\n Object.entries(language).flatMap(([name, lang]) => {\n if (lang === \"default\") {\n return [];\n }\n const langKey = `${name}_${lang}`;\n return [[name, fonts[langKey]]];\n })\n )\n };\n fontLanguageCache.set(language, next);\n return next;\n}\nexport {\n getFontsForLanguage,\n getVariantExtras\n};\n//# sourceMappingURL=getVariantExtras.js.map\n"],"mappings":";;;;AAEA,MAAM,wBAAwB,IAAI,QAAQ;AAC1C,MAAM,oBAAoB,eAAe;CACvC,MAAM,SAAS,MAAM,IAAI,UAAU;CACnC,IAAI,QAAQ,UAAU,WAAW,OAAO;EACtC,OAAO,OAAO;CAChB;CACA,MAAM,EAAE,OAAO,MAAM,SAAS,OAAO,eAAe;CACpD,MAAM,gBAAgB,WAAW;CACjC,IAAI,QAAQ,KAAK;CACjB,IAAI,SAAS,UAAU;EACrB,QAAQ,oBAAoB,KAAK,aAAa,QAAQ,QAAQ;CAChE;CACA,MAAM,OAAO;EACX;EACA,QAAQ,KAAK;EACb;EACA,SAAS;EACT,IAAI,aAAa;GACf,OAAO,iBAAiB,WAAW,cAAc,WAAW,MAAM,UAAU,KAAK,MAAM,cAAc,iBAAiB,WAAW,aAAa,CAAC;EACjJ;EACA,IAAI,OAAO;GACT,MAAM,QAAQ,MAAM,KAAK;GACzB,IAAI,OAAO,OAAO;GAClB,MAAM,YAAY,MAAM;GACxB,IAAI,OAAO,cAAc,UAAU;IACjC,IAAI,QAAQ;IACZ,KAAK,IAAI,QAAQ,GAAG,SAAS,UAAU,QAAQ,SAAS;KACtD,IAAI,UAAU,UAAU,UAAU,UAAU,WAAW,KAAK,IAAI,IAAI;KACpE,IAAI,QAAQ,QAAQ,KAAK,UAAU,WAAW,KAAK,MAAM,OAAO,UAAU,WAAW,QAAQ,CAAC,MAAM,OAAO,UAAU,WAAW,QAAQ,CAAC,MAAM,OAAO,UAAU,WAAW,QAAQ,CAAC,MAAM,OAAO,UAAU,WAAW,QAAQ,CAAC,MAAM,IAAI;MACvO,MAAM,OAAO,UAAU,MAAM,QAAQ,GAAG,KAAK;MAC7C,IAAI,MAAM,OAAO,OAAO,MAAM;KAChC;KACA,QAAQ,QAAQ;IAClB;GACF;GACA,OAAO,MAAM,KAAK;EACpB;EACA;CACF;CACA,MAAM,IAAI,YAAY;EAAE;EAAO,OAAO;CAAK,CAAC;CAC5C,OAAO;AACT;AACA,MAAM,oCAAoC,IAAI,QAAQ;AACtD,SAAS,oBAAoB,OAAO,UAAU;CAC5C,IAAI,kBAAkB,IAAI,QAAQ,GAAG;EACnC,OAAO,kBAAkB,IAAI,QAAQ;CACvC;CACA,MAAM,OAAO;EACX,GAAG;EACH,GAAG,OAAO,YACR,OAAO,QAAQ,QAAQ,CAAC,CAAC,SAAS,CAAC,MAAM,UAAU;GACjD,IAAI,SAAS,WAAW;IACtB,OAAO,CAAC;GACV;GACA,MAAM,UAAU,GAAG,KAAK,GAAG;GAC3B,OAAO,CAAC,CAAC,MAAM,MAAM,QAAQ,CAAC;EAChC,CAAC,CACH;CACF;CACA,kBAAkB,IAAI,UAAU,IAAI;CACpC,OAAO;AACT"}
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { getSetting } from "../config.native.js";
|
|
2
|
-
import { getVariableValue } from "../createVariable.native.js";
|
|
3
|
-
|
|
4
|
-
var cache = /* @__PURE__ */ new WeakMap();
|
|
5
|
-
var getVariantExtras = function(styleState) {
|
|
6
|
-
var cached = cache.get(styleState);
|
|
7
|
-
if ((cached === null || cached === void 0 ? void 0 : cached.props) === styleState.props) {
|
|
8
|
-
return cached.value;
|
|
9
|
-
}
|
|
10
|
-
var { props, conf, context, theme, styleProps } = styleState;
|
|
11
|
-
var styledContext = styleProps.styledContext;
|
|
12
|
-
var fonts = conf.fontsParsed;
|
|
13
|
-
if (context === null || context === void 0 ? void 0 : context.language) {
|
|
14
|
-
fonts = getFontsForLanguage(conf.fontsParsed, context.language);
|
|
15
|
-
}
|
|
16
|
-
var next = {
|
|
17
|
-
fonts,
|
|
18
|
-
tokens: conf.tokensParsed,
|
|
19
|
-
theme,
|
|
20
|
-
context: styledContext,
|
|
21
|
-
get fontFamily() {
|
|
22
|
-
return getVariableValue(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || getVariableValue(getSetting("defaultFont"));
|
|
23
|
-
},
|
|
24
|
-
get font() {
|
|
25
|
-
var found = fonts[this.fontFamily];
|
|
26
|
-
if (found) return found;
|
|
27
|
-
var className = props.className;
|
|
28
|
-
if (typeof className === "string") {
|
|
29
|
-
var start = 0;
|
|
30
|
-
for (var index = 0; index <= className.length; index++) {
|
|
31
|
-
if (index !== className.length && className.charCodeAt(index) > 32) continue;
|
|
32
|
-
if (index - start > 5 && className.charCodeAt(start) === 102 && className.charCodeAt(start + 1) === 111 && className.charCodeAt(start + 2) === 110 && className.charCodeAt(start + 3) === 116 && className.charCodeAt(start + 4) === 95) {
|
|
33
|
-
var name = className.slice(start + 5, index);
|
|
34
|
-
if (fonts[name]) return fonts[name];
|
|
35
|
-
}
|
|
36
|
-
start = index + 1;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
return fonts[conf.defaultFontToken];
|
|
40
|
-
},
|
|
41
|
-
props
|
|
42
|
-
};
|
|
43
|
-
cache.set(styleState, {
|
|
44
|
-
props,
|
|
45
|
-
value: next
|
|
46
|
-
});
|
|
47
|
-
return next;
|
|
48
|
-
};
|
|
49
|
-
var fontLanguageCache = /* @__PURE__ */ new WeakMap();
|
|
50
|
-
function getFontsForLanguage(fonts, language) {
|
|
51
|
-
if (fontLanguageCache.has(language)) {
|
|
52
|
-
return fontLanguageCache.get(language);
|
|
53
|
-
}
|
|
54
|
-
var next = {
|
|
55
|
-
...fonts,
|
|
56
|
-
...Object.fromEntries(Object.entries(language).flatMap(function(param) {
|
|
57
|
-
var [name, lang] = param;
|
|
58
|
-
if (lang === "default") {
|
|
59
|
-
return [];
|
|
60
|
-
}
|
|
61
|
-
var langKey = `${name}_${lang}`;
|
|
62
|
-
return [[name, fonts[langKey]]];
|
|
63
|
-
}))
|
|
64
|
-
};
|
|
65
|
-
fontLanguageCache.set(language, next);
|
|
66
|
-
return next;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
export { getFontsForLanguage, getVariantExtras };
|
|
70
|
-
//# sourceMappingURL=getVariantExtras.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getVariantExtras.native.js","names":[],"sources":["esm/helpers/getVariantExtras.native.js"],"sourcesContent":["import { getSetting } from \"../config\";\nimport { getVariableValue } from \"../createVariable\";\nvar cache = /* @__PURE__ */ new WeakMap();\nvar getVariantExtras = function(styleState) {\n var cached = cache.get(styleState);\n if ((cached === null || cached === void 0 ? void 0 : cached.props) === styleState.props) {\n return cached.value;\n }\n var { props, conf, context, theme, styleProps } = styleState;\n var styledContext = styleProps.styledContext;\n var fonts = conf.fontsParsed;\n if (context === null || context === void 0 ? void 0 : context.language) {\n fonts = getFontsForLanguage(conf.fontsParsed, context.language);\n }\n var next = {\n fonts,\n tokens: conf.tokensParsed,\n theme,\n context: styledContext,\n get fontFamily() {\n return getVariableValue(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || getVariableValue(getSetting(\"defaultFont\"));\n },\n get font() {\n var found = fonts[this.fontFamily];\n if (found) return found;\n var className = props.className;\n if (typeof className === \"string\") {\n var start = 0;\n for (var index = 0; index <= className.length; index++) {\n if (index !== className.length && className.charCodeAt(index) > 32) continue;\n if (index - start > 5 && className.charCodeAt(start) === 102 && className.charCodeAt(start + 1) === 111 && className.charCodeAt(start + 2) === 110 && className.charCodeAt(start + 3) === 116 && className.charCodeAt(start + 4) === 95) {\n var name = className.slice(start + 5, index);\n if (fonts[name]) return fonts[name];\n }\n start = index + 1;\n }\n }\n return fonts[conf.defaultFontToken];\n },\n props\n };\n cache.set(styleState, {\n props,\n value: next\n });\n return next;\n};\nvar fontLanguageCache = /* @__PURE__ */ new WeakMap();\nfunction getFontsForLanguage(fonts, language) {\n if (fontLanguageCache.has(language)) {\n return fontLanguageCache.get(language);\n }\n var next = {\n ...fonts,\n ...Object.fromEntries(Object.entries(language).flatMap(function(param) {\n var [name, lang] = param;\n if (lang === \"default\") {\n return [];\n }\n var langKey = `${name}_${lang}`;\n return [\n [\n name,\n fonts[langKey]\n ]\n ];\n }))\n };\n fontLanguageCache.set(language, next);\n return next;\n}\nexport {\n getFontsForLanguage,\n getVariantExtras\n};\n//# sourceMappingURL=getVariantExtras.js.map\n"],"mappings":";;;;AAEA,IAAI,wBAAwB,IAAI,QAAQ;AACxC,IAAI,mBAAmB,SAAS,YAAY;CAC1C,IAAI,SAAS,MAAM,IAAI,UAAU;CACjC,KAAK,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,WAAW,WAAW,OAAO;EACvF,OAAO,OAAO;CAChB;CACA,IAAI,EAAE,OAAO,MAAM,SAAS,OAAO,eAAe;CAClD,IAAI,gBAAgB,WAAW;CAC/B,IAAI,QAAQ,KAAK;CACjB,IAAI,YAAY,QAAQ,YAAY,KAAK,IAAI,KAAK,IAAI,QAAQ,UAAU;EACtE,QAAQ,oBAAoB,KAAK,aAAa,QAAQ,QAAQ;CAChE;CACA,IAAI,OAAO;EACT;EACA,QAAQ,KAAK;EACb;EACA,SAAS;EACT,IAAI,aAAa;GACf,OAAO,iBAAiB,WAAW,cAAc,WAAW,MAAM,UAAU,KAAK,MAAM,cAAc,iBAAiB,WAAW,aAAa,CAAC;EACjJ;EACA,IAAI,OAAO;GACT,IAAI,QAAQ,MAAM,KAAK;GACvB,IAAI,OAAO,OAAO;GAClB,IAAI,YAAY,MAAM;GACtB,IAAI,OAAO,cAAc,UAAU;IACjC,IAAI,QAAQ;IACZ,KAAK,IAAI,QAAQ,GAAG,SAAS,UAAU,QAAQ,SAAS;KACtD,IAAI,UAAU,UAAU,UAAU,UAAU,WAAW,KAAK,IAAI,IAAI;KACpE,IAAI,QAAQ,QAAQ,KAAK,UAAU,WAAW,KAAK,MAAM,OAAO,UAAU,WAAW,QAAQ,CAAC,MAAM,OAAO,UAAU,WAAW,QAAQ,CAAC,MAAM,OAAO,UAAU,WAAW,QAAQ,CAAC,MAAM,OAAO,UAAU,WAAW,QAAQ,CAAC,MAAM,IAAI;MACvO,IAAI,OAAO,UAAU,MAAM,QAAQ,GAAG,KAAK;MAC3C,IAAI,MAAM,OAAO,OAAO,MAAM;KAChC;KACA,QAAQ,QAAQ;IAClB;GACF;GACA,OAAO,MAAM,KAAK;EACpB;EACA;CACF;CACA,MAAM,IAAI,YAAY;EACpB;EACA,OAAO;CACT,CAAC;CACD,OAAO;AACT;AACA,IAAI,oCAAoC,IAAI,QAAQ;AACpD,SAAS,oBAAoB,OAAO,UAAU;CAC5C,IAAI,kBAAkB,IAAI,QAAQ,GAAG;EACnC,OAAO,kBAAkB,IAAI,QAAQ;CACvC;CACA,IAAI,OAAO;EACT,GAAG;EACH,GAAG,OAAO,YAAY,OAAO,QAAQ,QAAQ,CAAC,CAAC,QAAQ,SAAS,OAAO;GACrE,IAAI,CAAC,MAAM,QAAQ;GACnB,IAAI,SAAS,WAAW;IACtB,OAAO,CAAC;GACV;GACA,IAAI,UAAU,GAAG,KAAK,GAAG;GACzB,OAAO,CACL,CACE,MACA,MAAM,QACR,CACF;EACF,CAAC,CAAC;CACJ;CACA,kBAAkB,IAAI,UAAU,IAAI;CACpC,OAAO;AACT"}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Theme } from "../views/Theme.mjs";
|
|
3
|
-
import { getDefaultProps } from "./getDefaultProps.mjs";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
6
|
-
function themeable(Component, staticConfig, optimize = false) {
|
|
7
|
-
const withThemeComponent = function WithTheme(props) {
|
|
8
|
-
"use no memo";
|
|
9
|
-
const userDefaults = getDefaultProps(staticConfig);
|
|
10
|
-
const defaultTheme = userDefaults?.theme;
|
|
11
|
-
const defaultResetTheme = userDefaults?.themeReset;
|
|
12
|
-
const { theme, themeReset, ref, ...rest } = props;
|
|
13
|
-
let overriddenContextProps;
|
|
14
|
-
const context = staticConfig?.context;
|
|
15
|
-
if (context) {
|
|
16
|
-
for (const key in context.props) {
|
|
17
|
-
const val = props[key];
|
|
18
|
-
if (val !== void 0) {
|
|
19
|
-
overriddenContextProps = overriddenContextProps || {};
|
|
20
|
-
overriddenContextProps[key] = val;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
const element = /* @__PURE__ */ jsx(Component, {
|
|
25
|
-
ref,
|
|
26
|
-
...rest,
|
|
27
|
-
"data-disable-theme": true
|
|
28
|
-
});
|
|
29
|
-
let filteredProps = null;
|
|
30
|
-
if ("debug" in props) {
|
|
31
|
-
filteredProps = filteredProps || {};
|
|
32
|
-
filteredProps.debug = props.debug;
|
|
33
|
-
}
|
|
34
|
-
if ("theme" in props || defaultTheme) {
|
|
35
|
-
filteredProps = filteredProps || {};
|
|
36
|
-
filteredProps.name = "theme" in props ? props.theme : defaultTheme;
|
|
37
|
-
}
|
|
38
|
-
if ("themeReset" in props || defaultResetTheme) {
|
|
39
|
-
filteredProps = filteredProps || {};
|
|
40
|
-
filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme;
|
|
41
|
-
}
|
|
42
|
-
if (optimize && !filteredProps) {
|
|
43
|
-
return element;
|
|
44
|
-
}
|
|
45
|
-
let contents = /* @__PURE__ */ jsx(Theme, {
|
|
46
|
-
"disable-child-theme": true,
|
|
47
|
-
...filteredProps,
|
|
48
|
-
children: element
|
|
49
|
-
});
|
|
50
|
-
if (context) {
|
|
51
|
-
const Provider = context.Provider;
|
|
52
|
-
const contextValue = React.useContext(context);
|
|
53
|
-
contents = /* @__PURE__ */ jsx(Provider, {
|
|
54
|
-
...contextValue,
|
|
55
|
-
...overriddenContextProps,
|
|
56
|
-
children: contents
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
return contents;
|
|
60
|
-
};
|
|
61
|
-
const withTheme = withThemeComponent;
|
|
62
|
-
withTheme.displayName = `Themed(${Component?.displayName || Component?.name || "Anonymous"})`;
|
|
63
|
-
return withTheme;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
export { themeable };
|
|
67
|
-
//# sourceMappingURL=themeable.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themeable.js","names":[],"sources":["esm/helpers/themeable.js"],"sourcesContent":["import React from \"react\";\nimport { Theme } from \"../views/Theme\";\nimport { getDefaultProps } from \"./getDefaultProps\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction themeable(Component, staticConfig, optimize = false) {\n const withThemeComponent = function WithTheme(props) {\n \"use no memo\";\n const userDefaults = getDefaultProps(staticConfig);\n const defaultTheme = userDefaults?.theme;\n const defaultResetTheme = userDefaults?.themeReset;\n const { theme, themeReset, ref, ...rest } = props;\n let overriddenContextProps;\n const context = staticConfig?.context;\n if (context) {\n for (const key in context.props) {\n const val = props[key];\n if (val !== void 0) {\n overriddenContextProps = overriddenContextProps || {};\n overriddenContextProps[key] = val;\n }\n }\n }\n const element = (\n // @ts-expect-error its ok\n /* @__PURE__ */ jsx(Component, { ref, ...rest, \"data-disable-theme\": true })\n );\n let filteredProps = null;\n if (\"debug\" in props) {\n filteredProps = filteredProps || {};\n filteredProps.debug = props.debug;\n }\n if (\"theme\" in props || defaultTheme) {\n filteredProps = filteredProps || {};\n filteredProps.name = \"theme\" in props ? props.theme : defaultTheme;\n }\n if (\"themeReset\" in props || defaultResetTheme) {\n filteredProps = filteredProps || {};\n filteredProps.reset = \"themeReset\" in props ? themeReset : defaultResetTheme;\n }\n if (optimize && !filteredProps) {\n return element;\n }\n let contents = /* @__PURE__ */ jsx(Theme, { \"disable-child-theme\": true, ...filteredProps, children: element });\n if (context) {\n const Provider = context.Provider;\n const contextValue = React.useContext(context);\n contents = /* @__PURE__ */ jsx(Provider, { ...contextValue, ...overriddenContextProps, children: contents });\n }\n return contents;\n };\n const withTheme = withThemeComponent;\n withTheme.displayName = `Themed(${Component?.displayName || Component?.name || \"Anonymous\"})`;\n return withTheme;\n}\nexport {\n themeable\n};\n//# sourceMappingURL=themeable.js.map\n"],"mappings":";;;;;;AAIA,SAAS,UAAU,WAAW,cAAc,WAAW,OAAO;CAC5D,MAAM,qBAAqB,SAAS,UAAU,OAAO;EACnD;EACA,MAAM,eAAe,gBAAgB,YAAY;EACjD,MAAM,eAAe,cAAc;EACnC,MAAM,oBAAoB,cAAc;EACxC,MAAM,EAAE,OAAO,YAAY,KAAK,GAAG,SAAS;EAC5C,IAAI;EACJ,MAAM,UAAU,cAAc;EAC9B,IAAI,SAAS;GACX,KAAK,MAAM,OAAO,QAAQ,OAAO;IAC/B,MAAM,MAAM,MAAM;IAClB,IAAI,QAAQ,KAAK,GAAG;KAClB,yBAAyB,0BAA0B,CAAC;KACpD,uBAAuB,OAAO;IAChC;GACF;EACF;EACA,MAAM,UAEY,oBAAI,WAAW;GAAE;GAAK,GAAG;GAAM,sBAAsB;EAAK,CAAC;EAE7E,IAAI,gBAAgB;EACpB,IAAI,WAAW,OAAO;GACpB,gBAAgB,iBAAiB,CAAC;GAClC,cAAc,QAAQ,MAAM;EAC9B;EACA,IAAI,WAAW,SAAS,cAAc;GACpC,gBAAgB,iBAAiB,CAAC;GAClC,cAAc,OAAO,WAAW,QAAQ,MAAM,QAAQ;EACxD;EACA,IAAI,gBAAgB,SAAS,mBAAmB;GAC9C,gBAAgB,iBAAiB,CAAC;GAClC,cAAc,QAAQ,gBAAgB,QAAQ,aAAa;EAC7D;EACA,IAAI,YAAY,CAAC,eAAe;GAC9B,OAAO;EACT;EACA,IAAI,WAA2B,oBAAI,OAAO;GAAE,uBAAuB;GAAM,GAAG;GAAe,UAAU;EAAQ,CAAC;EAC9G,IAAI,SAAS;GACX,MAAM,WAAW,QAAQ;GACzB,MAAM,eAAe,MAAM,WAAW,OAAO;GAC7C,WAA2B,oBAAI,UAAU;IAAE,GAAG;IAAc,GAAG;IAAwB,UAAU;GAAS,CAAC;EAC7G;EACA,OAAO;CACT;CACA,MAAM,YAAY;CAClB,UAAU,cAAc,UAAU,WAAW,eAAe,WAAW,QAAQ,YAAY;CAC3F,OAAO;AACT"}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Theme } from "../views/Theme.native.js";
|
|
4
|
-
import { getDefaultProps } from "./getDefaultProps.native.js";
|
|
5
|
-
|
|
6
|
-
function themeable(Component, staticConfig) {
|
|
7
|
-
var optimize = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
|
|
8
|
-
var withThemeComponent = function WithTheme(props) {
|
|
9
|
-
"use no memo";
|
|
10
|
-
var userDefaults = getDefaultProps(staticConfig);
|
|
11
|
-
var defaultTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.theme;
|
|
12
|
-
var defaultResetTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.themeReset;
|
|
13
|
-
var { theme, themeReset, ref, ...rest } = props;
|
|
14
|
-
var overriddenContextProps;
|
|
15
|
-
var context = staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.context;
|
|
16
|
-
if (context) {
|
|
17
|
-
for (var key in context.props) {
|
|
18
|
-
var val = props[key];
|
|
19
|
-
if (val !== void 0) {
|
|
20
|
-
overriddenContextProps = overriddenContextProps || {};
|
|
21
|
-
overriddenContextProps[key] = val;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
var element = /* @__PURE__ */ jsx(Component, {
|
|
26
|
-
ref,
|
|
27
|
-
...rest,
|
|
28
|
-
"data-disable-theme": true
|
|
29
|
-
});
|
|
30
|
-
var filteredProps = null;
|
|
31
|
-
if ("debug" in props) {
|
|
32
|
-
filteredProps = filteredProps || {};
|
|
33
|
-
filteredProps.debug = props.debug;
|
|
34
|
-
}
|
|
35
|
-
if ("theme" in props || defaultTheme) {
|
|
36
|
-
filteredProps = filteredProps || {};
|
|
37
|
-
filteredProps.name = "theme" in props ? props.theme : defaultTheme;
|
|
38
|
-
}
|
|
39
|
-
if ("themeReset" in props || defaultResetTheme) {
|
|
40
|
-
filteredProps = filteredProps || {};
|
|
41
|
-
filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme;
|
|
42
|
-
}
|
|
43
|
-
if (optimize && !filteredProps) {
|
|
44
|
-
return element;
|
|
45
|
-
}
|
|
46
|
-
var contents = /* @__PURE__ */ jsx(Theme, {
|
|
47
|
-
"disable-child-theme": true,
|
|
48
|
-
...filteredProps,
|
|
49
|
-
children: element
|
|
50
|
-
});
|
|
51
|
-
if (context) {
|
|
52
|
-
var Provider = context.Provider;
|
|
53
|
-
var contextValue = React.useContext(context);
|
|
54
|
-
contents = /* @__PURE__ */ jsx(Provider, {
|
|
55
|
-
...contextValue,
|
|
56
|
-
...overriddenContextProps,
|
|
57
|
-
children: contents
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
return contents;
|
|
61
|
-
};
|
|
62
|
-
var withTheme = withThemeComponent;
|
|
63
|
-
withTheme.displayName = `Themed(${(Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || "Anonymous"})`;
|
|
64
|
-
return withTheme;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export { themeable };
|
|
68
|
-
//# sourceMappingURL=themeable.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themeable.native.js","names":[],"sources":["esm/helpers/themeable.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { Theme } from \"../views/Theme\";\nimport { getDefaultProps } from \"./getDefaultProps\";\nfunction themeable(Component, staticConfig) {\n var optimize = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;\n var withThemeComponent = function WithTheme(props) {\n \"use no memo\";\n var userDefaults = getDefaultProps(staticConfig);\n var defaultTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.theme;\n var defaultResetTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.themeReset;\n var { theme, themeReset, ref, ...rest } = props;\n var overriddenContextProps;\n var context = staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.context;\n if (context) {\n for (var key in context.props) {\n var val = props[key];\n if (val !== void 0) {\n overriddenContextProps = overriddenContextProps || {};\n overriddenContextProps[key] = val;\n }\n }\n }\n var element = (\n // @ts-expect-error its ok\n /* @__PURE__ */ _jsx(Component, {\n ref,\n ...rest,\n \"data-disable-theme\": true\n })\n );\n var filteredProps = null;\n if (\"debug\" in props) {\n filteredProps = filteredProps || {};\n filteredProps.debug = props.debug;\n }\n if (\"theme\" in props || defaultTheme) {\n filteredProps = filteredProps || {};\n filteredProps.name = \"theme\" in props ? props.theme : defaultTheme;\n }\n if (\"themeReset\" in props || defaultResetTheme) {\n filteredProps = filteredProps || {};\n filteredProps.reset = \"themeReset\" in props ? themeReset : defaultResetTheme;\n }\n if (optimize && !filteredProps) {\n return element;\n }\n var contents = /* @__PURE__ */ _jsx(Theme, {\n \"disable-child-theme\": true,\n ...filteredProps,\n children: element\n });\n if (context) {\n var Provider = context.Provider;\n var contextValue = React.useContext(context);\n contents = /* @__PURE__ */ _jsx(Provider, {\n ...contextValue,\n ...overriddenContextProps,\n children: contents\n });\n }\n return contents;\n };\n var withTheme = withThemeComponent;\n withTheme.displayName = `Themed(${(Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || \"Anonymous\"})`;\n return withTheme;\n}\nexport {\n themeable\n};\n//# sourceMappingURL=themeable.js.map\n"],"mappings":";;;;;;AAIA,SAAS,UAAU,WAAW,cAAc;CAC1C,IAAI,WAAW,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CAChF,IAAI,qBAAqB,SAAS,UAAU,OAAO;EACjD;EACA,IAAI,eAAe,gBAAgB,YAAY;EAC/C,IAAI,eAAe,iBAAiB,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa;EAC5F,IAAI,oBAAoB,iBAAiB,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa;EACjG,IAAI,EAAE,OAAO,YAAY,KAAK,GAAG,SAAS;EAC1C,IAAI;EACJ,IAAI,UAAU,iBAAiB,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa;EACvF,IAAI,SAAS;GACX,KAAK,IAAI,OAAO,QAAQ,OAAO;IAC7B,IAAI,MAAM,MAAM;IAChB,IAAI,QAAQ,KAAK,GAAG;KAClB,yBAAyB,0BAA0B,CAAC;KACpD,uBAAuB,OAAO;IAChC;GACF;EACF;EACA,IAAI,UAEc,oBAAK,WAAW;GAC9B;GACA,GAAG;GACH,sBAAsB;EACxB,CAAC;EAEH,IAAI,gBAAgB;EACpB,IAAI,WAAW,OAAO;GACpB,gBAAgB,iBAAiB,CAAC;GAClC,cAAc,QAAQ,MAAM;EAC9B;EACA,IAAI,WAAW,SAAS,cAAc;GACpC,gBAAgB,iBAAiB,CAAC;GAClC,cAAc,OAAO,WAAW,QAAQ,MAAM,QAAQ;EACxD;EACA,IAAI,gBAAgB,SAAS,mBAAmB;GAC9C,gBAAgB,iBAAiB,CAAC;GAClC,cAAc,QAAQ,gBAAgB,QAAQ,aAAa;EAC7D;EACA,IAAI,YAAY,CAAC,eAAe;GAC9B,OAAO;EACT;EACA,IAAI,WAA2B,oBAAK,OAAO;GACzC,uBAAuB;GACvB,GAAG;GACH,UAAU;EACZ,CAAC;EACD,IAAI,SAAS;GACX,IAAI,WAAW,QAAQ;GACvB,IAAI,eAAe,MAAM,WAAW,OAAO;GAC3C,WAA2B,oBAAK,UAAU;IACxC,GAAG;IACH,GAAG;IACH,UAAU;GACZ,CAAC;EACH;EACA,OAAO;CACT;CACA,IAAI,YAAY;CAChB,UAAU,cAAc,WAAW,cAAc,QAAQ,cAAc,KAAK,IAAI,KAAK,IAAI,UAAU,iBAAiB,cAAc,QAAQ,cAAc,KAAK,IAAI,KAAK,IAAI,UAAU,SAAS,YAAY;CACzM,OAAO;AACT"}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { getConfig } from "../config.mjs";
|
|
4
|
-
import { ComponentContext } from "../contexts/ComponentContext.mjs";
|
|
5
|
-
import { GroupContext } from "../contexts/GroupContext.mjs";
|
|
6
|
-
import { useSplitStyles } from "./useSplitStyles.mjs";
|
|
7
|
-
import { subscribeToSafeArea } from "../helpers/resolveSafeAreaVariable.mjs";
|
|
8
|
-
import { subscribeToContextGroup, useGroupSetRevision } from "../helpers/subscribeToContextGroup.mjs";
|
|
9
|
-
import { View } from "../views/View.mjs";
|
|
10
|
-
import { useComponentState } from "./useComponentState.mjs";
|
|
11
|
-
import { mediaState } from "../helpers/mediaState.mjs";
|
|
12
|
-
import { useMedia } from "./useMedia.mjs";
|
|
13
|
-
import { useThemeWithState } from "./useTheme.mjs";
|
|
14
|
-
|
|
15
|
-
function useProps(props, opts) {
|
|
16
|
-
const [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
17
|
-
...opts,
|
|
18
|
-
noExpand: true,
|
|
19
|
-
noNormalize: true,
|
|
20
|
-
resolveValues: "none"
|
|
21
|
-
});
|
|
22
|
-
return {
|
|
23
|
-
...propsOut,
|
|
24
|
-
...styleOut
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
function useStyle(props, opts) {
|
|
28
|
-
return usePropsAndStyle(props, opts)[1] || {};
|
|
29
|
-
}
|
|
30
|
-
function usePropsAndStyle(props, opts) {
|
|
31
|
-
const staticConfig = opts?.forComponent?.staticConfig ?? View.staticConfig;
|
|
32
|
-
const [theme, themeState] = useThemeWithState({
|
|
33
|
-
name: "theme" in props ? props.theme : void 0,
|
|
34
|
-
needsUpdate() {
|
|
35
|
-
return true;
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
const componentContext = React.useContext(ComponentContext);
|
|
39
|
-
const groupContext = React.useContext(GroupContext);
|
|
40
|
-
const componentState = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());
|
|
41
|
-
const { props: statefulProps, state, disabled, setState, setStateShallow } = componentState;
|
|
42
|
-
const mediaStateNow = opts?.noMedia ? mediaState : useMedia();
|
|
43
|
-
const splitStyles = useSplitStyles(statefulProps, staticConfig, theme, themeState?.name || "", state, {
|
|
44
|
-
isAnimated: false,
|
|
45
|
-
mediaState: mediaStateNow,
|
|
46
|
-
noSkip: true,
|
|
47
|
-
noMergeStyle: true,
|
|
48
|
-
noClass: true,
|
|
49
|
-
resolveValues: "auto",
|
|
50
|
-
...opts
|
|
51
|
-
}, null, componentContext, groupContext);
|
|
52
|
-
componentState.finalizeStyleFlags(!!splitStyles?.hasEnterStyle, !!splitStyles?.platformPseudo);
|
|
53
|
-
const { mediaGroups, pseudoGroups } = splitStyles || {};
|
|
54
|
-
const groupSetRevision = useGroupSetRevision(pseudoGroups, mediaGroups);
|
|
55
|
-
useIsomorphicLayoutEffect(() => {
|
|
56
|
-
let disposeSafeArea;
|
|
57
|
-
if (splitStyles?.usesSafeArea) {
|
|
58
|
-
const updateSafeArea = () => {
|
|
59
|
-
setState((previous) => ({ ...previous }));
|
|
60
|
-
};
|
|
61
|
-
disposeSafeArea = subscribeToSafeArea(updateSafeArea);
|
|
62
|
-
updateSafeArea();
|
|
63
|
-
}
|
|
64
|
-
if (disabled) {
|
|
65
|
-
return disposeSafeArea;
|
|
66
|
-
}
|
|
67
|
-
if (state.unmounted) {
|
|
68
|
-
setStateShallow({ unmounted: false });
|
|
69
|
-
return disposeSafeArea;
|
|
70
|
-
}
|
|
71
|
-
if (groupContext) {
|
|
72
|
-
const disposeGroup = subscribeToContextGroup({
|
|
73
|
-
groupContext,
|
|
74
|
-
setStateShallow,
|
|
75
|
-
mediaGroups,
|
|
76
|
-
pseudoGroups
|
|
77
|
-
});
|
|
78
|
-
if (!disposeSafeArea) return disposeGroup;
|
|
79
|
-
return () => {
|
|
80
|
-
disposeSafeArea();
|
|
81
|
-
disposeGroup?.();
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
|
-
return disposeSafeArea;
|
|
85
|
-
}, [
|
|
86
|
-
disabled,
|
|
87
|
-
groupContext,
|
|
88
|
-
splitStyles?.usesSafeArea,
|
|
89
|
-
groupSetRevision
|
|
90
|
-
]);
|
|
91
|
-
return [
|
|
92
|
-
splitStyles?.viewProps || {},
|
|
93
|
-
splitStyles?.style || {},
|
|
94
|
-
theme,
|
|
95
|
-
mediaState
|
|
96
|
-
];
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
export { useProps, usePropsAndStyle, useStyle };
|
|
100
|
-
//# sourceMappingURL=useProps.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useProps.js","names":[],"sources":["esm/hooks/useProps.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport React from \"react\";\nimport { getConfig } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { GroupContext } from \"../contexts/GroupContext\";\nimport { useSplitStyles } from \"./useSplitStyles\";\nimport { subscribeToSafeArea } from \"../helpers/resolveSafeAreaVariable\";\nimport {\n subscribeToContextGroup,\n useGroupSetRevision\n} from \"../helpers/subscribeToContextGroup\";\nimport { View } from \"../views/View\";\nimport { useComponentState } from \"./useComponentState\";\nimport { mediaState } from \"../helpers/mediaState\";\nimport { useMedia } from \"./useMedia\";\nimport { useThemeWithState } from \"./useTheme\";\nfunction useProps(props, opts) {\n const [propsOut, styleOut] = usePropsAndStyle(props, {\n ...opts,\n noExpand: true,\n noNormalize: true,\n resolveValues: \"none\"\n });\n return {\n ...propsOut,\n ...styleOut\n };\n}\nfunction useStyle(props, opts) {\n return usePropsAndStyle(props, opts)[1] || {};\n}\nfunction usePropsAndStyle(props, opts) {\n const staticConfig = opts?.forComponent?.staticConfig ?? View.staticConfig;\n const [theme, themeState] = useThemeWithState({\n name: \"theme\" in props ? props.theme : void 0,\n needsUpdate() {\n return true;\n }\n });\n const componentContext = React.useContext(ComponentContext);\n const groupContext = React.useContext(GroupContext);\n const componentState = useComponentState(\n props,\n componentContext.animationDriver,\n staticConfig,\n getConfig()\n );\n const {\n props: statefulProps,\n state,\n disabled,\n setState,\n setStateShallow\n } = componentState;\n const mediaStateNow = opts?.noMedia ? (\n // not safe to use mediaState but really marginal to hit this\n mediaState\n ) : useMedia();\n const splitStyles = useSplitStyles(\n statefulProps,\n staticConfig,\n theme,\n themeState?.name || \"\",\n state,\n {\n isAnimated: false,\n mediaState: mediaStateNow,\n noSkip: true,\n noMergeStyle: true,\n noClass: true,\n resolveValues: \"auto\",\n ...opts\n },\n null,\n componentContext,\n groupContext\n );\n componentState.finalizeStyleFlags(\n !!splitStyles?.hasEnterStyle,\n !!splitStyles?.platformPseudo\n );\n const { mediaGroups, pseudoGroups } = splitStyles || {};\n const groupSetRevision = useGroupSetRevision(pseudoGroups, mediaGroups);\n useIsomorphicLayoutEffect(() => {\n let disposeSafeArea;\n if (splitStyles?.usesSafeArea) {\n const updateSafeArea = () => {\n setState((previous) => ({ ...previous }));\n };\n disposeSafeArea = subscribeToSafeArea(updateSafeArea);\n updateSafeArea();\n }\n if (disabled) {\n return disposeSafeArea;\n }\n if (state.unmounted) {\n setStateShallow({ unmounted: false });\n return disposeSafeArea;\n }\n if (groupContext) {\n const disposeGroup = subscribeToContextGroup({\n groupContext,\n setStateShallow,\n mediaGroups,\n pseudoGroups\n });\n if (!disposeSafeArea) return disposeGroup;\n return () => {\n disposeSafeArea();\n disposeGroup?.();\n };\n }\n return disposeSafeArea;\n }, [disabled, groupContext, splitStyles?.usesSafeArea, groupSetRevision]);\n return [\n splitStyles?.viewProps || {},\n splitStyles?.style || {},\n theme,\n mediaState\n ];\n}\nexport {\n useProps,\n usePropsAndStyle,\n useStyle\n};\n//# sourceMappingURL=useProps.js.map\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,SAAS,SAAS,OAAO,MAAM;CAC7B,MAAM,CAAC,UAAU,YAAY,iBAAiB,OAAO;EACnD,GAAG;EACH,UAAU;EACV,aAAa;EACb,eAAe;CACjB,CAAC;CACD,OAAO;EACL,GAAG;EACH,GAAG;CACL;AACF;AACA,SAAS,SAAS,OAAO,MAAM;CAC7B,OAAO,iBAAiB,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC;AAC9C;AACA,SAAS,iBAAiB,OAAO,MAAM;CACrC,MAAM,eAAe,MAAM,cAAc,gBAAgB,KAAK;CAC9D,MAAM,CAAC,OAAO,cAAc,kBAAkB;EAC5C,MAAM,WAAW,QAAQ,MAAM,QAAQ,KAAK;EAC5C,cAAc;GACZ,OAAO;EACT;CACF,CAAC;CACD,MAAM,mBAAmB,MAAM,WAAW,gBAAgB;CAC1D,MAAM,eAAe,MAAM,WAAW,YAAY;CAClD,MAAM,iBAAiB,kBACrB,OACA,iBAAiB,iBACjB,cACA,UAAU,CACZ;CACA,MAAM,EACJ,OAAO,eACP,OACA,UACA,UACA,oBACE;CACJ,MAAM,gBAAgB,MAAM,UAE1B,aACE,SAAS;CACb,MAAM,cAAc,eAClB,eACA,cACA,OACA,YAAY,QAAQ,IACpB,OACA;EACE,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,SAAS;EACT,eAAe;EACf,GAAG;CACL,GACA,MACA,kBACA,YACF;CACA,eAAe,mBACb,CAAC,CAAC,aAAa,eACf,CAAC,CAAC,aAAa,cACjB;CACA,MAAM,EAAE,aAAa,iBAAiB,eAAe,CAAC;CACtD,MAAM,mBAAmB,oBAAoB,cAAc,WAAW;CACtE,gCAAgC;EAC9B,IAAI;EACJ,IAAI,aAAa,cAAc;GAC7B,MAAM,uBAAuB;IAC3B,UAAU,cAAc,EAAE,GAAG,SAAS,EAAE;GAC1C;GACA,kBAAkB,oBAAoB,cAAc;GACpD,eAAe;EACjB;EACA,IAAI,UAAU;GACZ,OAAO;EACT;EACA,IAAI,MAAM,WAAW;GACnB,gBAAgB,EAAE,WAAW,MAAM,CAAC;GACpC,OAAO;EACT;EACA,IAAI,cAAc;GAChB,MAAM,eAAe,wBAAwB;IAC3C;IACA;IACA;IACA;GACF,CAAC;GACD,IAAI,CAAC,iBAAiB,OAAO;GAC7B,aAAa;IACX,gBAAgB;IAChB,eAAe;GACjB;EACF;EACA,OAAO;CACT,GAAG;EAAC;EAAU;EAAc,aAAa;EAAc;CAAgB,CAAC;CACxE,OAAO;EACL,aAAa,aAAa,CAAC;EAC3B,aAAa,SAAS,CAAC;EACvB;EACA;CACF;AACF"}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { getConfig } from "../config.native.js";
|
|
4
|
-
import { ComponentContext } from "../contexts/ComponentContext.native.js";
|
|
5
|
-
import { GroupContext } from "../contexts/GroupContext.native.js";
|
|
6
|
-
import { useSplitStyles } from "./useSplitStyles.native.js";
|
|
7
|
-
import { subscribeToSafeArea } from "../helpers/resolveSafeAreaVariable.native.js";
|
|
8
|
-
import { subscribeToContextGroup, useGroupSetRevision } from "../helpers/subscribeToContextGroup.native.js";
|
|
9
|
-
import { View } from "../views/View.native.js";
|
|
10
|
-
import { useComponentState } from "./useComponentState.native.js";
|
|
11
|
-
import { mediaState } from "../helpers/mediaState.native.js";
|
|
12
|
-
import { useMedia } from "./useMedia.native.js";
|
|
13
|
-
import { useThemeWithState } from "./useTheme.native.js";
|
|
14
|
-
|
|
15
|
-
function useProps(props, opts) {
|
|
16
|
-
var [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
17
|
-
...opts,
|
|
18
|
-
noExpand: true,
|
|
19
|
-
noNormalize: true,
|
|
20
|
-
resolveValues: "none"
|
|
21
|
-
});
|
|
22
|
-
return {
|
|
23
|
-
...propsOut,
|
|
24
|
-
...styleOut
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
function useStyle(props, opts) {
|
|
28
|
-
return usePropsAndStyle(props, opts)[1] || {};
|
|
29
|
-
}
|
|
30
|
-
function usePropsAndStyle(props, opts) {
|
|
31
|
-
var _opts_forComponent;
|
|
32
|
-
var _opts_forComponent_staticConfig;
|
|
33
|
-
var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : View.staticConfig;
|
|
34
|
-
var [theme, themeState] = useThemeWithState({
|
|
35
|
-
name: "theme" in props ? props.theme : void 0,
|
|
36
|
-
needsUpdate() {
|
|
37
|
-
return true;
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
var componentContext = React.useContext(ComponentContext);
|
|
41
|
-
var groupContext = React.useContext(GroupContext);
|
|
42
|
-
var componentState = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());
|
|
43
|
-
var { props: statefulProps, state, disabled, setState, setStateShallow } = componentState;
|
|
44
|
-
var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ? mediaState : useMedia();
|
|
45
|
-
var splitStyles = useSplitStyles(statefulProps, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "", state, {
|
|
46
|
-
isAnimated: false,
|
|
47
|
-
mediaState: mediaStateNow,
|
|
48
|
-
noSkip: true,
|
|
49
|
-
noMergeStyle: true,
|
|
50
|
-
noClass: true,
|
|
51
|
-
resolveValues: "auto",
|
|
52
|
-
...opts
|
|
53
|
-
}, null, componentContext, groupContext);
|
|
54
|
-
componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));
|
|
55
|
-
var { mediaGroups, pseudoGroups } = splitStyles || {};
|
|
56
|
-
var groupSetRevision = useGroupSetRevision(pseudoGroups, mediaGroups);
|
|
57
|
-
useIsomorphicLayoutEffect(function() {
|
|
58
|
-
var disposeSafeArea;
|
|
59
|
-
if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
|
|
60
|
-
var updateSafeArea = function() {
|
|
61
|
-
setState(function(previous) {
|
|
62
|
-
return { ...previous };
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
disposeSafeArea = subscribeToSafeArea(updateSafeArea);
|
|
66
|
-
updateSafeArea();
|
|
67
|
-
}
|
|
68
|
-
if (disabled) {
|
|
69
|
-
return disposeSafeArea;
|
|
70
|
-
}
|
|
71
|
-
if (state.unmounted) {
|
|
72
|
-
setStateShallow({ unmounted: false });
|
|
73
|
-
return disposeSafeArea;
|
|
74
|
-
}
|
|
75
|
-
if (groupContext) {
|
|
76
|
-
var disposeGroup = subscribeToContextGroup({
|
|
77
|
-
groupContext,
|
|
78
|
-
setStateShallow,
|
|
79
|
-
mediaGroups,
|
|
80
|
-
pseudoGroups
|
|
81
|
-
});
|
|
82
|
-
if (!disposeSafeArea) return disposeGroup;
|
|
83
|
-
return function() {
|
|
84
|
-
disposeSafeArea();
|
|
85
|
-
disposeGroup === null || disposeGroup === void 0 ? void 0 : disposeGroup();
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
return disposeSafeArea;
|
|
89
|
-
}, [
|
|
90
|
-
disabled,
|
|
91
|
-
groupContext,
|
|
92
|
-
splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,
|
|
93
|
-
groupSetRevision
|
|
94
|
-
]);
|
|
95
|
-
return [
|
|
96
|
-
(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {},
|
|
97
|
-
(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {},
|
|
98
|
-
theme,
|
|
99
|
-
mediaState
|
|
100
|
-
];
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
export { useProps, usePropsAndStyle, useStyle };
|
|
104
|
-
//# sourceMappingURL=useProps.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useProps.native.js","names":[],"sources":["esm/hooks/useProps.native.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport React from \"react\";\nimport { getConfig } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { GroupContext } from \"../contexts/GroupContext\";\nimport { useSplitStyles } from \"./useSplitStyles\";\nimport { subscribeToSafeArea } from \"../helpers/resolveSafeAreaVariable\";\nimport { subscribeToContextGroup, useGroupSetRevision } from \"../helpers/subscribeToContextGroup\";\nimport { View } from \"../views/View\";\nimport { useComponentState } from \"./useComponentState\";\nimport { mediaState } from \"../helpers/mediaState\";\nimport { useMedia } from \"./useMedia\";\nimport { useThemeWithState } from \"./useTheme\";\nfunction useProps(props, opts) {\n var [propsOut, styleOut] = usePropsAndStyle(props, {\n ...opts,\n noExpand: true,\n noNormalize: true,\n resolveValues: \"none\"\n });\n return {\n ...propsOut,\n ...styleOut\n };\n}\nfunction useStyle(props, opts) {\n return usePropsAndStyle(props, opts)[1] || {};\n}\nfunction usePropsAndStyle(props, opts) {\n var _opts_forComponent;\n var _opts_forComponent_staticConfig;\n var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : View.staticConfig;\n var [theme, themeState] = useThemeWithState({\n name: \"theme\" in props ? props.theme : void 0,\n needsUpdate() {\n return true;\n }\n });\n var componentContext = React.useContext(ComponentContext);\n var groupContext = React.useContext(GroupContext);\n var componentState = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());\n var { props: statefulProps, state, disabled, setState, setStateShallow } = componentState;\n var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ? (\n // not safe to use mediaState but really marginal to hit this\n mediaState\n ) : useMedia();\n var splitStyles = useSplitStyles(statefulProps, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || \"\", state, {\n isAnimated: false,\n mediaState: mediaStateNow,\n noSkip: true,\n noMergeStyle: true,\n noClass: true,\n resolveValues: \"auto\",\n ...opts\n }, null, componentContext, groupContext);\n componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));\n var { mediaGroups, pseudoGroups } = splitStyles || {};\n var groupSetRevision = useGroupSetRevision(pseudoGroups, mediaGroups);\n useIsomorphicLayoutEffect(function() {\n var disposeSafeArea;\n if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {\n var updateSafeArea = function() {\n setState(function(previous) {\n return {\n ...previous\n };\n });\n };\n disposeSafeArea = subscribeToSafeArea(updateSafeArea);\n updateSafeArea();\n }\n if (disabled) {\n return disposeSafeArea;\n }\n if (state.unmounted) {\n setStateShallow({\n unmounted: false\n });\n return disposeSafeArea;\n }\n if (groupContext) {\n var disposeGroup = subscribeToContextGroup({\n groupContext,\n setStateShallow,\n mediaGroups,\n pseudoGroups\n });\n if (!disposeSafeArea) return disposeGroup;\n return function() {\n disposeSafeArea();\n disposeGroup === null || disposeGroup === void 0 ? void 0 : disposeGroup();\n };\n }\n return disposeSafeArea;\n }, [\n disabled,\n groupContext,\n splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,\n groupSetRevision\n ]);\n return [\n (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {},\n (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {},\n theme,\n mediaState\n ];\n}\nexport {\n useProps,\n usePropsAndStyle,\n useStyle\n};\n//# sourceMappingURL=useProps.js.map\n"],"mappings":";;;;;;;;;;;;;;;AAaA,SAAS,SAAS,OAAO,MAAM;CAC7B,IAAI,CAAC,UAAU,YAAY,iBAAiB,OAAO;EACjD,GAAG;EACH,UAAU;EACV,aAAa;EACb,eAAe;CACjB,CAAC;CACD,OAAO;EACL,GAAG;EACH,GAAG;CACL;AACF;AACA,SAAS,SAAS,OAAO,MAAM;CAC7B,OAAO,iBAAiB,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC;AAC9C;AACA,SAAS,iBAAiB,OAAO,MAAM;CACrC,IAAI;CACJ,IAAI;CACJ,IAAI,gBAAgB,kCAAkC,SAAS,QAAQ,SAAS,KAAK,IAAI,KAAK,KAAK,qBAAqB,KAAK,kBAAkB,QAAQ,uBAAuB,KAAK,IAAI,KAAK,IAAI,mBAAmB,kBAAkB,QAAQ,oCAAoC,KAAK,IAAI,kCAAkC,KAAK;CACjU,IAAI,CAAC,OAAO,cAAc,kBAAkB;EAC1C,MAAM,WAAW,QAAQ,MAAM,QAAQ,KAAK;EAC5C,cAAc;GACZ,OAAO;EACT;CACF,CAAC;CACD,IAAI,mBAAmB,MAAM,WAAW,gBAAgB;CACxD,IAAI,eAAe,MAAM,WAAW,YAAY;CAChD,IAAI,iBAAiB,kBAAkB,OAAO,iBAAiB,iBAAiB,cAAc,UAAU,CAAC;CACzG,IAAI,EAAE,OAAO,eAAe,OAAO,UAAU,UAAU,oBAAoB;CAC3E,IAAI,iBAAiB,SAAS,QAAQ,SAAS,KAAK,IAAI,KAAK,IAAI,KAAK,WAEpE,aACE,SAAS;CACb,IAAI,cAAc,eAAe,eAAe,cAAc,QAAQ,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,SAAS,IAAI,OAAO;EAC3J,YAAY;EACZ,YAAY;EACZ,QAAQ;EACR,cAAc;EACd,SAAS;EACT,eAAe;EACf,GAAG;CACL,GAAG,MAAM,kBAAkB,YAAY;CACvC,eAAe,mBAAmB,CAAC,EAAE,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY,gBAAgB,CAAC,EAAE,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY,eAAe;CACnN,IAAI,EAAE,aAAa,iBAAiB,eAAe,CAAC;CACpD,IAAI,mBAAmB,oBAAoB,cAAc,WAAW;CACpE,0BAA0B,WAAW;EACnC,IAAI;EACJ,IAAI,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY,cAAc;GACtF,IAAI,iBAAiB,WAAW;IAC9B,SAAS,SAAS,UAAU;KAC1B,OAAO,EACL,GAAG,SACL;IACF,CAAC;GACH;GACA,kBAAkB,oBAAoB,cAAc;GACpD,eAAe;EACjB;EACA,IAAI,UAAU;GACZ,OAAO;EACT;EACA,IAAI,MAAM,WAAW;GACnB,gBAAgB,EACd,WAAW,MACb,CAAC;GACD,OAAO;EACT;EACA,IAAI,cAAc;GAChB,IAAI,eAAe,wBAAwB;IACzC;IACA;IACA;IACA;GACF,CAAC;GACD,IAAI,CAAC,iBAAiB,OAAO;GAC7B,OAAO,WAAW;IAChB,gBAAgB;IAChB,iBAAiB,QAAQ,iBAAiB,KAAK,IAAI,KAAK,IAAI,aAAa;GAC3E;EACF;EACA,OAAO;CACT,GAAG;EACD;EACA;EACA,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY;EACtE;CACF,CAAC;CACD,OAAO;GACJ,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY,cAAc,CAAC;GACrF,gBAAgB,QAAQ,gBAAgB,KAAK,IAAI,KAAK,IAAI,YAAY,UAAU,CAAC;EAClF;EACA;CACF;AACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './directStyleCSSCompiled'
|