@tamagui/web 3.0.0-beta.765.1 → 3.0.0-beta.804.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 +83 -86
- package/dist/cjs/createComponent.native.cjs +96 -103
- package/dist/cjs/createComponent.native.js +96 -103
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createTamagui.cjs +9 -7
- package/dist/cjs/createTamagui.native.cjs +9 -7
- package/dist/cjs/createTamagui.native.js +9 -7
- package/dist/cjs/createTamagui.native.js.map +1 -1
- package/dist/cjs/helpers/defaultAnimationDriver.cjs +0 -1
- package/dist/cjs/helpers/defaultAnimationDriver.native.cjs +0 -1
- package/dist/cjs/helpers/defaultAnimationDriver.native.js +0 -1
- package/dist/cjs/helpers/defaultAnimationDriver.native.js.map +1 -1
- package/dist/cjs/helpers/directStyleCSS.cjs +348 -0
- package/dist/cjs/helpers/directStyleCSS.native.cjs +20 -0
- package/dist/cjs/helpers/directStyleCSS.native.js +22 -0
- package/dist/cjs/helpers/directStyleCSS.native.js.map +1 -0
- package/dist/cjs/helpers/directStyleCSSCompiled.cjs +40 -0
- package/dist/cjs/helpers/directStyleCSSCompiled.native.cjs +46 -0
- package/dist/cjs/helpers/directStyleCSSCompiled.native.js +48 -0
- package/dist/cjs/helpers/directStyleCSSCompiled.native.js.map +1 -0
- package/dist/cjs/helpers/getCSSStylesAtomic.cjs +92 -74
- package/dist/cjs/helpers/{getFontLanguage.native.cjs → getCSSStylesAtomicCompiled.cjs} +12 -8
- package/dist/cjs/helpers/{getFontLanguage.native.js → getCSSStylesAtomicCompiled.native.cjs} +12 -8
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js +36 -0
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -0
- package/dist/cjs/helpers/getSplitStyles.cjs +2417 -548
- package/dist/cjs/helpers/getSplitStyles.native.cjs +2758 -621
- package/dist/cjs/helpers/getSplitStyles.native.js +2758 -621
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/getVariantExtras.cjs +8 -3
- package/dist/cjs/helpers/getVariantExtras.native.cjs +8 -3
- package/dist/cjs/helpers/getVariantExtras.native.js +8 -3
- package/dist/cjs/helpers/getVariantExtras.native.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.cjs +2 -1
- package/dist/cjs/helpers/insertStyleRule.native.cjs +68 -5
- package/dist/cjs/helpers/insertStyleRule.native.js +68 -5
- package/dist/cjs/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/cjs/helpers/mediaState.cjs +12 -0
- package/dist/cjs/helpers/mediaState.native.cjs +12 -0
- package/dist/cjs/helpers/mediaState.native.js +12 -0
- package/dist/cjs/helpers/mediaState.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeStyle.cjs +16 -2
- package/dist/cjs/helpers/normalizeStyle.native.cjs +16 -2
- package/dist/cjs/helpers/normalizeStyle.native.js +16 -2
- package/dist/cjs/helpers/normalizeStyle.native.js.map +1 -1
- package/dist/cjs/helpers/resolveRem.cjs +1 -1
- package/dist/cjs/helpers/skipProps.cjs +6 -1
- package/dist/cjs/helpers/skipProps.native.cjs +6 -1
- package/dist/cjs/helpers/skipProps.native.js +6 -1
- package/dist/cjs/helpers/skipProps.native.js.map +1 -1
- package/dist/cjs/helpers/styleFrontend.cjs +2 -8
- package/dist/cjs/helpers/styleFrontend.native.cjs +2 -10
- package/dist/cjs/helpers/styleFrontend.native.js +2 -10
- package/dist/cjs/helpers/styleFrontend.native.js.map +1 -1
- package/dist/cjs/helpers/styleToCSS.cjs +59 -0
- package/dist/cjs/helpers/{normalizeStylePropKeys.cjs → styleToCSS.native.cjs} +6 -4
- package/dist/cjs/helpers/{getFontLanguage.cjs → styleToCSS.native.js} +8 -4
- package/dist/cjs/helpers/styleToCSS.native.js.map +1 -0
- package/dist/cjs/helpers/subscribeToContextGroup.cjs +28 -1
- package/dist/cjs/helpers/subscribeToContextGroup.native.cjs +45 -1
- package/dist/cjs/helpers/subscribeToContextGroup.native.js +45 -1
- package/dist/cjs/helpers/subscribeToContextGroup.native.js.map +1 -1
- package/dist/cjs/helpers/variables.cjs +3 -2
- package/dist/cjs/helpers/variables.native.cjs +3 -2
- package/dist/cjs/helpers/variables.native.js +3 -2
- package/dist/cjs/helpers/variables.native.js.map +1 -1
- package/dist/cjs/helpers/wrapStyleTags.cjs +5 -3
- package/dist/cjs/helpers/wrapStyleTags.native.cjs +3 -1
- package/dist/cjs/helpers/wrapStyleTags.native.js +3 -1
- package/dist/cjs/helpers/wrapStyleTags.native.js.map +1 -1
- package/dist/cjs/hooks/useComponentState.cjs +70 -89
- package/dist/cjs/hooks/useComponentState.native.cjs +70 -88
- package/dist/cjs/hooks/useComponentState.native.js +70 -88
- package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
- package/dist/cjs/hooks/useMedia.cjs +3 -15
- package/dist/cjs/hooks/useMedia.native.cjs +3 -15
- package/dist/cjs/hooks/useMedia.native.js +3 -15
- package/dist/cjs/hooks/useMedia.native.js.map +1 -1
- package/dist/cjs/hooks/useProps.cjs +7 -5
- package/dist/cjs/hooks/useProps.native.cjs +7 -5
- package/dist/cjs/hooks/useProps.native.js +7 -5
- package/dist/cjs/hooks/useProps.native.js.map +1 -1
- package/dist/cjs/hooks/useSplitStyles.cjs +42 -0
- package/dist/cjs/hooks/useSplitStyles.native.cjs +42 -0
- package/dist/cjs/hooks/useSplitStyles.native.js +44 -0
- package/dist/cjs/hooks/useSplitStyles.native.js.map +1 -0
- package/dist/cjs/index.cjs +184 -70
- package/dist/cjs/index.native.cjs +184 -70
- package/dist/cjs/index.native.js +184 -70
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/insertFont.cjs +1 -1
- package/dist/cjs/insertFont.native.cjs +1 -0
- package/dist/cjs/insertFont.native.js +1 -0
- package/dist/cjs/insertFont.native.js.map +1 -1
- package/dist/cjs/internal-runtime.cjs +33 -6
- package/dist/cjs/internal-runtime.native.cjs +33 -6
- package/dist/cjs/internal-runtime.native.js +33 -6
- package/dist/cjs/internal-runtime.native.js.map +1 -1
- package/dist/cjs/setupReactNative.cjs +1 -29
- package/dist/cjs/setupReactNative.native.cjs +1 -3
- package/dist/cjs/setupReactNative.native.js +1 -3
- package/dist/cjs/setupReactNative.native.js.map +1 -1
- package/dist/cjs/static-resolve.cjs +229 -0
- package/dist/cjs/static-resolve.native.cjs +242 -0
- package/dist/cjs/static-resolve.native.js +244 -0
- package/dist/cjs/static-resolve.native.js.map +1 -0
- package/dist/cjs/styled.cjs +23 -37
- package/dist/cjs/styled.native.cjs +22 -37
- package/dist/cjs/styled.native.js +22 -37
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.cjs +4 -8
- package/dist/cjs/views/TamaguiProvider.native.cjs +4 -8
- package/dist/cjs/views/TamaguiProvider.native.js +4 -8
- package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
- package/dist/cjs/views/ThemeUpdate.cjs +1 -1
- package/dist/cjs/views/ThemeUpdate.native.cjs +1 -1
- package/dist/cjs/views/ThemeUpdate.native.js +1 -1
- package/dist/cjs/views/ThemeUpdate.native.js.map +1 -1
- package/dist/esm/createComponent.mjs +85 -88
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +98 -105
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createTamagui.mjs +9 -7
- package/dist/esm/createTamagui.mjs.map +1 -1
- package/dist/esm/createTamagui.native.js +9 -7
- package/dist/esm/createTamagui.native.js.map +1 -1
- package/dist/esm/helpers/defaultAnimationDriver.mjs +0 -1
- package/dist/esm/helpers/defaultAnimationDriver.mjs.map +1 -1
- package/dist/esm/helpers/defaultAnimationDriver.native.js +0 -1
- package/dist/esm/helpers/defaultAnimationDriver.native.js.map +1 -1
- package/dist/esm/helpers/directStyleCSS.mjs +320 -0
- package/dist/esm/helpers/directStyleCSS.mjs.map +1 -0
- package/dist/esm/helpers/directStyleCSS.native.js +1 -0
- package/dist/esm/helpers/directStyleCSSCompiled.mjs +11 -0
- package/dist/esm/helpers/directStyleCSSCompiled.mjs.map +1 -0
- package/dist/esm/helpers/directStyleCSSCompiled.native.js +15 -0
- package/dist/esm/helpers/directStyleCSSCompiled.native.js.map +1 -0
- package/dist/esm/helpers/getCSSStylesAtomic.mjs +86 -72
- package/dist/esm/helpers/getCSSStylesAtomic.mjs.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs +9 -0
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs.map +1 -0
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js +9 -0
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -0
- package/dist/esm/helpers/getSplitStyles.mjs +2406 -545
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +2751 -618
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/helpers/getVariantExtras.mjs +8 -3
- package/dist/esm/helpers/getVariantExtras.mjs.map +1 -1
- package/dist/esm/helpers/getVariantExtras.native.js +8 -3
- package/dist/esm/helpers/getVariantExtras.native.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.mjs +2 -1
- package/dist/esm/helpers/insertStyleRule.mjs.map +1 -1
- package/dist/esm/helpers/insertStyleRule.native.js +69 -3
- package/dist/esm/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/esm/helpers/mediaState.mjs +12 -1
- package/dist/esm/helpers/mediaState.mjs.map +1 -1
- package/dist/esm/helpers/mediaState.native.js +12 -1
- package/dist/esm/helpers/mediaState.native.js.map +1 -1
- package/dist/esm/helpers/normalizeStyle.mjs +16 -2
- package/dist/esm/helpers/normalizeStyle.mjs.map +1 -1
- package/dist/esm/helpers/normalizeStyle.native.js +16 -2
- package/dist/esm/helpers/normalizeStyle.native.js.map +1 -1
- package/dist/esm/helpers/resolveRem.mjs +1 -1
- package/dist/esm/helpers/resolveRem.mjs.map +1 -1
- package/dist/esm/helpers/skipProps.mjs +3 -1
- package/dist/esm/helpers/skipProps.mjs.map +1 -1
- package/dist/esm/helpers/skipProps.native.js +3 -1
- package/dist/esm/helpers/skipProps.native.js.map +1 -1
- package/dist/esm/helpers/styleFrontend.mjs +2 -4
- package/dist/esm/helpers/styleFrontend.mjs.map +1 -1
- package/dist/esm/helpers/styleFrontend.native.js +2 -6
- package/dist/esm/helpers/styleFrontend.native.js.map +1 -1
- package/dist/esm/helpers/styleToCSS.mjs +40 -0
- package/dist/esm/helpers/styleToCSS.mjs.map +1 -0
- package/dist/esm/helpers/styleToCSS.native.js +4 -0
- package/dist/esm/helpers/styleToCSS.native.js.map +1 -0
- package/dist/esm/helpers/subscribeToContextGroup.mjs +25 -1
- package/dist/esm/helpers/subscribeToContextGroup.mjs.map +1 -1
- package/dist/esm/helpers/subscribeToContextGroup.native.js +42 -1
- package/dist/esm/helpers/subscribeToContextGroup.native.js.map +1 -1
- package/dist/esm/helpers/variables.mjs +2 -1
- package/dist/esm/helpers/variables.mjs.map +1 -1
- package/dist/esm/helpers/variables.native.js +2 -1
- package/dist/esm/helpers/variables.native.js.map +1 -1
- package/dist/esm/helpers/wrapStyleTags.mjs +5 -3
- package/dist/esm/helpers/wrapStyleTags.mjs.map +1 -1
- package/dist/esm/helpers/wrapStyleTags.native.js +3 -1
- package/dist/esm/helpers/wrapStyleTags.native.js.map +1 -1
- package/dist/esm/hooks/useComponentState.mjs +71 -90
- package/dist/esm/hooks/useComponentState.mjs.map +1 -1
- package/dist/esm/hooks/useComponentState.native.js +71 -89
- package/dist/esm/hooks/useComponentState.native.js.map +1 -1
- package/dist/esm/hooks/useMedia.mjs +2 -15
- package/dist/esm/hooks/useMedia.mjs.map +1 -1
- package/dist/esm/hooks/useMedia.native.js +2 -15
- package/dist/esm/hooks/useMedia.native.js.map +1 -1
- package/dist/esm/hooks/useProps.mjs +7 -5
- package/dist/esm/hooks/useProps.mjs.map +1 -1
- package/dist/esm/hooks/useProps.native.js +7 -5
- package/dist/esm/hooks/useProps.native.js.map +1 -1
- package/dist/esm/hooks/useSplitStyles.mjs +17 -0
- package/dist/esm/hooks/useSplitStyles.mjs.map +1 -0
- package/dist/esm/hooks/useSplitStyles.native.js +14 -0
- package/dist/esm/hooks/useSplitStyles.native.js.map +1 -0
- package/dist/esm/index.js +57 -137
- package/dist/esm/index.mjs +57 -137
- package/dist/esm/index.native.js +57 -137
- package/dist/esm/insertFont.mjs +1 -1
- package/dist/esm/insertFont.mjs.map +1 -1
- package/dist/esm/insertFont.native.js +1 -0
- package/dist/esm/insertFont.native.js.map +1 -1
- package/dist/esm/internal-runtime.mjs +23 -4
- package/dist/esm/internal-runtime.mjs.map +1 -1
- package/dist/esm/internal-runtime.native.js +23 -4
- package/dist/esm/internal-runtime.native.js.map +1 -1
- package/dist/esm/setupReactNative.mjs +1 -29
- package/dist/esm/setupReactNative.mjs.map +1 -1
- package/dist/esm/setupReactNative.native.js +1 -3
- package/dist/esm/setupReactNative.native.js.map +1 -1
- package/dist/esm/static-resolve.mjs +194 -0
- package/dist/esm/static-resolve.mjs.map +1 -0
- package/dist/esm/static-resolve.native.js +205 -0
- package/dist/esm/static-resolve.native.js.map +1 -0
- package/dist/esm/styled.mjs +24 -40
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js +23 -40
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.mjs +4 -8
- package/dist/esm/views/TamaguiProvider.mjs.map +1 -1
- package/dist/esm/views/TamaguiProvider.native.js +4 -8
- package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
- package/dist/esm/views/ThemeUpdate.mjs +1 -1
- package/dist/esm/views/ThemeUpdate.mjs.map +1 -1
- package/dist/esm/views/ThemeUpdate.native.js +1 -1
- package/dist/esm/views/ThemeUpdate.native.js.map +1 -1
- package/package.json +25 -15
- package/reset.css +3 -3
- package/src/createComponent.tsx +175 -192
- package/src/createTamagui.ts +10 -9
- package/src/helpers/defaultAnimationDriver.tsx +0 -1
- package/src/helpers/directStyleCSS.native.ts +1 -0
- package/src/helpers/directStyleCSS.ts +534 -0
- package/src/helpers/directStyleCSSCompiled.ts +32 -0
- package/src/helpers/getCSSStylesAtomic.ts +168 -88
- package/src/helpers/getCSSStylesAtomicCompiled.ts +9 -0
- package/src/helpers/getSplitStyles.tsx +4653 -1003
- package/src/helpers/getVariantExtras.tsx +15 -3
- package/src/helpers/insertStyleRule.tsx +4 -2
- package/src/helpers/mediaState.ts +15 -0
- package/src/helpers/normalizeStyle.ts +27 -2
- package/src/helpers/resolveRem.ts +1 -1
- package/src/helpers/skipProps.ts +3 -0
- package/src/helpers/styleFrontend.ts +20 -27
- package/src/helpers/styleToCSS.native.ts +1 -0
- package/src/helpers/styleToCSS.ts +43 -0
- package/src/helpers/subscribeToContextGroup.tsx +30 -0
- package/src/helpers/variables.ts +2 -1
- package/src/helpers/warnOnce.ts +3 -4
- package/src/helpers/wrapStyleTags.tsx +1 -1
- package/src/hooks/useComponentState.ts +118 -158
- package/src/hooks/useMedia.tsx +2 -18
- package/src/hooks/useProps.tsx +19 -15
- package/src/hooks/useSplitStyles.tsx +26 -0
- package/src/index.ts +298 -73
- package/src/insertFont.ts +5 -1
- package/src/internal-runtime.ts +49 -24
- package/src/internalRuntimeTypes.ts +2 -7
- package/src/setupReactNative.ts +7 -30
- package/src/static-resolve.ts +396 -0
- package/src/styled.tsx +34 -11
- package/src/types.tsx +40 -30
- package/src/views/TamaguiProvider.tsx +23 -22
- package/src/views/ThemeUpdate.tsx +3 -1
- package/types/createComponent.d.ts.map +1 -1
- package/types/createTamagui.d.ts.map +1 -1
- package/types/helpers/defaultAnimationDriver.d.ts.map +1 -1
- package/types/helpers/directStyleCSS.d.ts +28 -0
- package/types/helpers/directStyleCSS.d.ts.map +1 -0
- package/types/helpers/directStyleCSS.native.d.ts +2 -0
- package/types/helpers/directStyleCSS.native.d.ts.map +1 -0
- package/types/helpers/directStyleCSSCompiled.d.ts +10 -0
- package/types/helpers/directStyleCSSCompiled.d.ts.map +1 -0
- package/types/helpers/getCSSStylesAtomic.d.ts +22 -1
- package/types/helpers/getCSSStylesAtomic.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomicCompiled.d.ts +4 -0
- package/types/helpers/getCSSStylesAtomicCompiled.d.ts.map +1 -0
- package/types/helpers/getSplitStyles.d.ts +11 -4
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/getVariantExtras.d.ts.map +1 -1
- package/types/helpers/insertStyleRule.d.ts.map +1 -1
- package/types/helpers/mediaState.d.ts +4 -0
- package/types/helpers/mediaState.d.ts.map +1 -1
- package/types/helpers/normalizeStyle.d.ts +1 -1
- package/types/helpers/normalizeStyle.d.ts.map +1 -1
- package/types/helpers/skipProps.d.ts +2 -0
- package/types/helpers/skipProps.d.ts.map +1 -1
- package/types/helpers/styleFrontend.d.ts +13 -17
- package/types/helpers/styleFrontend.d.ts.map +1 -1
- package/types/helpers/styleToCSS.d.ts +2 -0
- package/types/helpers/styleToCSS.d.ts.map +1 -0
- package/types/helpers/styleToCSS.native.d.ts +2 -0
- package/types/helpers/styleToCSS.native.d.ts.map +1 -0
- package/types/helpers/subscribeToContextGroup.d.ts +1 -0
- package/types/helpers/subscribeToContextGroup.d.ts.map +1 -1
- package/types/helpers/variables.d.ts.map +1 -1
- package/types/helpers/warnOnce.d.ts.map +1 -1
- package/types/helpers/webPropsToSkip.native.d.ts +5 -0
- package/types/helpers/webPropsToSkip.native.d.ts.map +1 -1
- package/types/hooks/useComponentState.d.ts +3 -2
- package/types/hooks/useComponentState.d.ts.map +1 -1
- package/types/hooks/useMedia.d.ts +1 -5
- package/types/hooks/useMedia.d.ts.map +1 -1
- package/types/hooks/useProps.d.ts.map +1 -1
- package/types/hooks/useSplitStyles.d.ts +3 -0
- package/types/hooks/useSplitStyles.d.ts.map +1 -0
- package/types/index.d.ts +58 -72
- package/types/index.d.ts.map +1 -1
- package/types/insertFont.d.ts.map +1 -1
- package/types/internal-runtime.d.ts +24 -11
- package/types/internal-runtime.d.ts.map +1 -1
- package/types/internalRuntimeTypes.d.ts +1 -6
- package/types/internalRuntimeTypes.d.ts.map +1 -1
- package/types/setupReactNative.d.ts +2 -3
- package/types/setupReactNative.d.ts.map +1 -1
- package/types/static-resolve.d.ts +79 -0
- package/types/static-resolve.d.ts.map +1 -0
- package/types/styled.d.ts.map +1 -1
- package/types/types.d.ts +29 -22
- package/types/types.d.ts.map +1 -1
- package/types/views/TamaguiProvider.d.ts.map +1 -1
- package/types/views/ThemeUpdate.d.ts.map +1 -1
- package/dist/cjs/constants/accessibilityDirectMap.cjs +0 -34
- package/dist/cjs/constants/accessibilityDirectMap.native.cjs +0 -36
- package/dist/cjs/constants/accessibilityDirectMap.native.js +0 -38
- package/dist/cjs/constants/accessibilityDirectMap.native.js.map +0 -1
- package/dist/cjs/helpers/directStyle.cjs +0 -962
- package/dist/cjs/helpers/directStyle.native.cjs +0 -1165
- package/dist/cjs/helpers/directStyle.native.js +0 -1167
- package/dist/cjs/helpers/directStyle.native.js.map +0 -1
- package/dist/cjs/helpers/frontendProgram.cjs +0 -43
- package/dist/cjs/helpers/frontendProgram.native.cjs +0 -49
- package/dist/cjs/helpers/frontendProgram.native.js +0 -51
- package/dist/cjs/helpers/frontendProgram.native.js.map +0 -1
- package/dist/cjs/helpers/getFontLanguage.native.js.map +0 -1
- package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs +0 -37
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js +0 -39
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js.map +0 -1
- package/dist/cjs/helpers/propMapper.cjs +0 -384
- package/dist/cjs/helpers/propMapper.native.cjs +0 -536
- package/dist/cjs/helpers/propMapper.native.js +0 -538
- package/dist/cjs/helpers/propMapper.native.js.map +0 -1
- package/dist/cjs/helpers/useRenderElement.cjs +0 -47
- package/dist/cjs/helpers/useRenderElement.native.cjs +0 -53
- package/dist/cjs/helpers/useRenderElement.native.js +0 -55
- package/dist/cjs/helpers/useRenderElement.native.js.map +0 -1
- package/dist/esm/constants/accessibilityDirectMap.mjs +0 -8
- package/dist/esm/constants/accessibilityDirectMap.mjs.map +0 -1
- package/dist/esm/constants/accessibilityDirectMap.native.js +0 -8
- package/dist/esm/constants/accessibilityDirectMap.native.js.map +0 -1
- package/dist/esm/helpers/directStyle.mjs +0 -929
- package/dist/esm/helpers/directStyle.mjs.map +0 -1
- package/dist/esm/helpers/directStyle.native.js +0 -1132
- package/dist/esm/helpers/directStyle.native.js.map +0 -1
- package/dist/esm/helpers/frontendProgram.mjs +0 -20
- package/dist/esm/helpers/frontendProgram.mjs.map +0 -1
- package/dist/esm/helpers/frontendProgram.native.js +0 -24
- package/dist/esm/helpers/frontendProgram.native.js.map +0 -1
- package/dist/esm/helpers/getFontLanguage.mjs +0 -4
- package/dist/esm/helpers/getFontLanguage.mjs.map +0 -1
- package/dist/esm/helpers/getFontLanguage.native.js +0 -6
- package/dist/esm/helpers/getFontLanguage.native.js.map +0 -1
- package/dist/esm/helpers/normalizeStylePropKeys.mjs +0 -4
- package/dist/esm/helpers/normalizeStylePropKeys.mjs.map +0 -1
- package/dist/esm/helpers/normalizeStylePropKeys.native.js +0 -15
- package/dist/esm/helpers/normalizeStylePropKeys.native.js.map +0 -1
- package/dist/esm/helpers/propMapper.mjs +0 -360
- package/dist/esm/helpers/propMapper.mjs.map +0 -1
- package/dist/esm/helpers/propMapper.native.js +0 -511
- package/dist/esm/helpers/propMapper.native.js.map +0 -1
- package/dist/esm/helpers/useRenderElement.mjs +0 -26
- package/dist/esm/helpers/useRenderElement.mjs.map +0 -1
- package/dist/esm/helpers/useRenderElement.native.js +0 -31
- package/dist/esm/helpers/useRenderElement.native.js.map +0 -1
- package/src/constants/accessibilityDirectMap.native.tsx +0 -10
- package/src/constants/accessibilityDirectMap.tsx +0 -11
- package/src/helpers/directStyle.ts +0 -2294
- package/src/helpers/frontendProgram.ts +0 -48
- package/src/helpers/getFontLanguage.ts +0 -2
- package/src/helpers/normalizeStylePropKeys.native.ts +0 -12
- package/src/helpers/normalizeStylePropKeys.ts +0 -3
- package/src/helpers/propMapper.ts +0 -721
- package/src/helpers/useRenderElement.tsx +0 -73
- package/types/constants/accessibilityDirectMap.d.ts +0 -6
- package/types/constants/accessibilityDirectMap.d.ts.map +0 -1
- package/types/constants/accessibilityDirectMap.native.d.ts +0 -6
- package/types/constants/accessibilityDirectMap.native.d.ts.map +0 -1
- package/types/helpers/directStyle.d.ts +0 -15
- package/types/helpers/directStyle.d.ts.map +0 -1
- package/types/helpers/frontendProgram.d.ts +0 -10
- package/types/helpers/frontendProgram.d.ts.map +0 -1
- package/types/helpers/getFontLanguage.d.ts +0 -2
- package/types/helpers/getFontLanguage.d.ts.map +0 -1
- package/types/helpers/normalizeStylePropKeys.d.ts +0 -2
- package/types/helpers/normalizeStylePropKeys.d.ts.map +0 -1
- package/types/helpers/normalizeStylePropKeys.native.d.ts +0 -13
- package/types/helpers/normalizeStylePropKeys.native.d.ts.map +0 -1
- package/types/helpers/propMapper.d.ts +0 -6
- package/types/helpers/propMapper.d.ts.map +0 -1
- package/types/helpers/useRenderElement.d.ts +0 -13
- package/types/helpers/useRenderElement.d.ts.map +0 -1
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
import { StyleObjectIdentifier, StyleObjectProperty, StyleObjectRules, stylePropsText, validStyles } from "@tamagui/helpers";
|
|
2
|
+
import { getConfig, getConfigMaybe, getThemes, getToken, getTokenValue, getTokens, setConfig, updateConfig } from "./config.mjs";
|
|
3
|
+
import { createTamagui, installTamaguiConfig } from "./createTamagui.mjs";
|
|
4
|
+
import { getSplitStyles, prepareStyleStaticConfig } from "./helpers/getSplitStyles.mjs";
|
|
5
|
+
import { mergeComponentProps } from "./helpers/mergeProps.mjs";
|
|
6
|
+
|
|
7
|
+
const DEFAULT_COMPONENT_STATE = {
|
|
8
|
+
hover: false,
|
|
9
|
+
focus: false,
|
|
10
|
+
focusVisible: false,
|
|
11
|
+
focusWithin: false,
|
|
12
|
+
press: false,
|
|
13
|
+
pressIn: false,
|
|
14
|
+
disabled: false,
|
|
15
|
+
unmounted: false
|
|
16
|
+
};
|
|
17
|
+
const getGlobalProcessEnv = () => {
|
|
18
|
+
try {
|
|
19
|
+
return typeof process !== "undefined" && process ? process.env : void 0;
|
|
20
|
+
} catch {
|
|
21
|
+
return void 0;
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
function resolveStaticElement(element, target = "web", defaultThemeName) {
|
|
25
|
+
const conf = getConfigMaybe();
|
|
26
|
+
if (!conf) {
|
|
27
|
+
return {
|
|
28
|
+
id: element.id,
|
|
29
|
+
ok: false,
|
|
30
|
+
bailout: {
|
|
31
|
+
reason: "config-missing",
|
|
32
|
+
message: "No Tamagui config installed. Call createTamagui or installTamaguiConfig first."
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
const themes = conf.themes || {};
|
|
37
|
+
const themeName = element.themeName || defaultThemeName || (themes["light"] ? "light" : Object.keys(themes)[0]) || "light";
|
|
38
|
+
const theme = themes[themeName] || themes["light"] || themes["dark"] || Object.values(themes)[0] || {};
|
|
39
|
+
const isTextLike = Boolean(element.staticConfig?.isText || element.staticConfig?.isInput);
|
|
40
|
+
const baseStaticConfig = {
|
|
41
|
+
validStyles: isTextLike ? stylePropsText : validStyles,
|
|
42
|
+
defaultProps: {},
|
|
43
|
+
acceptsClassName: target !== "native",
|
|
44
|
+
...target === "native" && { isReactNative: true },
|
|
45
|
+
...element.staticConfig
|
|
46
|
+
};
|
|
47
|
+
if (target !== "native") {
|
|
48
|
+
delete baseStaticConfig.isReactNative;
|
|
49
|
+
}
|
|
50
|
+
prepareStyleStaticConfig(baseStaticConfig);
|
|
51
|
+
let elementProps = element.props || {};
|
|
52
|
+
if (baseStaticConfig.defaultProps && Object.keys(baseStaticConfig.defaultProps).length > 0) {
|
|
53
|
+
const [merged] = mergeComponentProps(baseStaticConfig.defaultProps, void 0, elementProps);
|
|
54
|
+
elementProps = merged;
|
|
55
|
+
}
|
|
56
|
+
const componentState = {
|
|
57
|
+
...DEFAULT_COMPONENT_STATE,
|
|
58
|
+
...element.componentState
|
|
59
|
+
};
|
|
60
|
+
const styleProps = {
|
|
61
|
+
resolveValues: element.options?.resolveValues ?? (target === "native" ? "except-theme" : "variable"),
|
|
62
|
+
noClass: element.options?.noClass ?? target === "native",
|
|
63
|
+
isAnimated: element.options?.isAnimated ?? false,
|
|
64
|
+
displayName: element.options?.displayName ?? element.componentName ?? element.staticConfig?.Component?.displayName ?? "TamaguiComponent"
|
|
65
|
+
};
|
|
66
|
+
const env = getGlobalProcessEnv();
|
|
67
|
+
const prevStatic = env ? env["IS_STATIC"] : void 0;
|
|
68
|
+
const prevTarget = env ? env["TAMAGUI_TARGET"] : void 0;
|
|
69
|
+
if (env) {
|
|
70
|
+
if (target === "native") {
|
|
71
|
+
env["IS_STATIC"] = "is_static";
|
|
72
|
+
} else {
|
|
73
|
+
delete env["IS_STATIC"];
|
|
74
|
+
}
|
|
75
|
+
env["TAMAGUI_TARGET"] = target;
|
|
76
|
+
}
|
|
77
|
+
let split = null;
|
|
78
|
+
try {
|
|
79
|
+
split = getSplitStyles(elementProps, baseStaticConfig, theme, themeName, componentState, styleProps);
|
|
80
|
+
} catch (err) {
|
|
81
|
+
return {
|
|
82
|
+
id: element.id,
|
|
83
|
+
ok: false,
|
|
84
|
+
bailout: {
|
|
85
|
+
reason: "local/style-resolution-error",
|
|
86
|
+
message: err?.message || String(err)
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
} finally {
|
|
90
|
+
if (env) {
|
|
91
|
+
if (prevStatic === void 0) delete env["IS_STATIC"];
|
|
92
|
+
else env["IS_STATIC"] = prevStatic;
|
|
93
|
+
if (prevTarget === void 0) delete env["TAMAGUI_TARGET"];
|
|
94
|
+
else env["TAMAGUI_TARGET"] = prevTarget;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
if (!split) {
|
|
98
|
+
return {
|
|
99
|
+
id: element.id,
|
|
100
|
+
ok: false,
|
|
101
|
+
bailout: {
|
|
102
|
+
reason: "local/style-resolution-failed",
|
|
103
|
+
message: "getSplitStyles returned no static result"
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
if (target === "native") {
|
|
108
|
+
const hasMedia = split.hasMedia === true || split.hasMedia instanceof Set && split.hasMedia.size > 0;
|
|
109
|
+
const hasPseudo = Boolean(split.pseudoGroups && split.pseudoGroups.size > 0) || Boolean(split.mediaGroups && split.mediaGroups.size > 0) || Boolean(split.programStates && split.programStates.size > 0);
|
|
110
|
+
if (hasMedia || hasPseudo) {
|
|
111
|
+
return {
|
|
112
|
+
id: element.id,
|
|
113
|
+
ok: false,
|
|
114
|
+
bailout: {
|
|
115
|
+
reason: "local/unsupported-target",
|
|
116
|
+
message: "Native target does not support static media queries or pseudo styles"
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
if (split.programLifecycleStyleKeys?.enter?.size || split.programLifecycleStyleKeys?.exit?.size) {
|
|
121
|
+
return {
|
|
122
|
+
id: element.id,
|
|
123
|
+
ok: false,
|
|
124
|
+
bailout: {
|
|
125
|
+
reason: "local/unsupported-target",
|
|
126
|
+
message: "Lifecycle value programs remain on the runtime path"
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
const rules = [];
|
|
132
|
+
const css = [];
|
|
133
|
+
if (split.rulesToInsert) {
|
|
134
|
+
for (const key in split.rulesToInsert) {
|
|
135
|
+
const ruleObj = split.rulesToInsert[key];
|
|
136
|
+
if (ruleObj) {
|
|
137
|
+
const ruleList = ruleObj[StyleObjectRules] || [];
|
|
138
|
+
rules.push({
|
|
139
|
+
identifier: ruleObj[StyleObjectIdentifier] || key,
|
|
140
|
+
property: ruleObj[StyleObjectProperty],
|
|
141
|
+
rules: ruleList
|
|
142
|
+
});
|
|
143
|
+
for (let i = 0; i < ruleList.length; i++) {
|
|
144
|
+
css.push(ruleList[i]);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
const classNames = split.classNames || {};
|
|
150
|
+
const classNamesList = Object.values(classNames).filter(Boolean);
|
|
151
|
+
const fullClassName = split.viewProps?.className || void 0;
|
|
152
|
+
const className = fullClassName || (classNamesList.length > 0 ? classNamesList.join(" ") : void 0);
|
|
153
|
+
return {
|
|
154
|
+
id: element.id,
|
|
155
|
+
ok: true,
|
|
156
|
+
className,
|
|
157
|
+
classNames: Object.keys(classNames).length > 0 ? classNames : void 0,
|
|
158
|
+
rules: rules.length > 0 ? rules : void 0,
|
|
159
|
+
css: css.length > 0 ? css : void 0,
|
|
160
|
+
style: split.style || split.viewProps?.style || null,
|
|
161
|
+
viewProps: split.viewProps,
|
|
162
|
+
hasMedia: split.hasMedia instanceof Set ? Array.from(split.hasMedia) : split.hasMedia || void 0,
|
|
163
|
+
pseudoGroups: split.pseudoGroups && split.pseudoGroups.size > 0 ? Array.from(split.pseudoGroups) : void 0,
|
|
164
|
+
mediaGroups: split.mediaGroups && split.mediaGroups.size > 0 ? Array.from(split.mediaGroups) : void 0,
|
|
165
|
+
programStates: split.programStates && split.programStates.size > 0 ? Array.from(split.programStates) : void 0,
|
|
166
|
+
dynamicThemeAccess: split.dynamicThemeAccess,
|
|
167
|
+
fontFamily: split.fontFamily,
|
|
168
|
+
programLifecycleStyleKeys: split.programLifecycleStyleKeys ? {
|
|
169
|
+
enter: split.programLifecycleStyleKeys.enter ? Array.from(split.programLifecycleStyleKeys.enter) : void 0,
|
|
170
|
+
exit: split.programLifecycleStyleKeys.exit ? Array.from(split.programLifecycleStyleKeys.exit) : void 0
|
|
171
|
+
} : void 0
|
|
172
|
+
};
|
|
173
|
+
}
|
|
174
|
+
function resolveStaticBatch(batch) {
|
|
175
|
+
const target = batch.target || "web";
|
|
176
|
+
const defaultThemeName = batch.defaultThemeName;
|
|
177
|
+
const elements = batch.elements || [];
|
|
178
|
+
const results = new Array(elements.length);
|
|
179
|
+
for (let i = 0; i < elements.length; i++) {
|
|
180
|
+
results[i] = resolveStaticElement(elements[i], target, defaultThemeName);
|
|
181
|
+
}
|
|
182
|
+
return { results };
|
|
183
|
+
}
|
|
184
|
+
function resolveStatic(batch) {
|
|
185
|
+
if (typeof batch === "string") {
|
|
186
|
+
const parsed = JSON.parse(batch);
|
|
187
|
+
const result = resolveStaticBatch(parsed);
|
|
188
|
+
return JSON.stringify(result);
|
|
189
|
+
}
|
|
190
|
+
return resolveStaticBatch(batch);
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
export { createTamagui, getConfig, getConfigMaybe, getSplitStyles, getThemes, getToken, getTokenValue, getTokens, installTamaguiConfig, prepareStyleStaticConfig, resolveStatic, resolveStaticBatch, resolveStaticElement, setConfig, updateConfig };
|
|
194
|
+
//# sourceMappingURL=static-resolve.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"static-resolve.js","names":["validStylesView"],"sources":["esm/static-resolve.js"],"sourcesContent":["import {\n StyleObjectIdentifier,\n StyleObjectProperty,\n StyleObjectRules,\n stylePropsText,\n validStyles as validStylesView\n} from \"@tamagui/helpers\";\nimport {\n getConfig,\n getConfigMaybe,\n getThemes,\n getToken,\n getTokens,\n getTokenValue,\n setConfig,\n updateConfig\n} from \"./config\";\nimport { createTamagui, installTamaguiConfig } from \"./createTamagui\";\nimport { getSplitStyles, prepareStyleStaticConfig } from \"./helpers/getSplitStyles\";\nimport { mergeComponentProps } from \"./helpers/mergeProps\";\nconst DEFAULT_COMPONENT_STATE = {\n hover: false,\n focus: false,\n focusVisible: false,\n focusWithin: false,\n press: false,\n pressIn: false,\n disabled: false,\n unmounted: false\n};\nconst getGlobalProcessEnv = () => {\n try {\n return typeof process !== \"undefined\" && process ? process.env : void 0;\n } catch {\n return void 0;\n }\n};\nfunction resolveStaticElement(element, target = \"web\", defaultThemeName) {\n const conf = getConfigMaybe();\n if (!conf) {\n return {\n id: element.id,\n ok: false,\n bailout: {\n reason: \"config-missing\",\n message: \"No Tamagui config installed. Call createTamagui or installTamaguiConfig first.\"\n }\n };\n }\n const themes = conf.themes || {};\n const themeName = element.themeName || defaultThemeName || (themes[\"light\"] ? \"light\" : Object.keys(themes)[0]) || \"light\";\n const theme = themes[themeName] || themes[\"light\"] || themes[\"dark\"] || Object.values(themes)[0] || {};\n const isTextLike = Boolean(\n element.staticConfig?.isText || element.staticConfig?.isInput\n );\n const baseStaticConfig = {\n validStyles: isTextLike ? stylePropsText : validStylesView,\n defaultProps: {},\n acceptsClassName: target !== \"native\",\n ...target === \"native\" && { isReactNative: true },\n ...element.staticConfig\n };\n if (target !== \"native\") {\n delete baseStaticConfig.isReactNative;\n }\n prepareStyleStaticConfig(baseStaticConfig);\n let elementProps = element.props || {};\n if (baseStaticConfig.defaultProps && Object.keys(baseStaticConfig.defaultProps).length > 0) {\n const [merged] = mergeComponentProps(\n baseStaticConfig.defaultProps,\n void 0,\n elementProps\n );\n elementProps = merged;\n }\n const componentState = {\n ...DEFAULT_COMPONENT_STATE,\n ...element.componentState\n };\n const styleProps = {\n resolveValues: element.options?.resolveValues ?? (target === \"native\" ? \"except-theme\" : \"variable\"),\n noClass: element.options?.noClass ?? target === \"native\",\n isAnimated: element.options?.isAnimated ?? false,\n displayName: element.options?.displayName ?? element.componentName ?? element.staticConfig?.Component?.displayName ?? \"TamaguiComponent\"\n };\n const env = getGlobalProcessEnv();\n const prevStatic = env ? env[\"IS_STATIC\"] : void 0;\n const prevTarget = env ? env[\"TAMAGUI_TARGET\"] : void 0;\n if (env) {\n if (target === \"native\") {\n env[\"IS_STATIC\"] = \"is_static\";\n } else {\n delete env[\"IS_STATIC\"];\n }\n env[\"TAMAGUI_TARGET\"] = target;\n }\n let split = null;\n try {\n split = getSplitStyles(\n elementProps,\n baseStaticConfig,\n theme,\n themeName,\n componentState,\n styleProps\n );\n } catch (err) {\n return {\n id: element.id,\n ok: false,\n bailout: {\n reason: \"local/style-resolution-error\",\n message: err?.message || String(err)\n }\n };\n } finally {\n if (env) {\n if (prevStatic === void 0) delete env[\"IS_STATIC\"];\n else env[\"IS_STATIC\"] = prevStatic;\n if (prevTarget === void 0) delete env[\"TAMAGUI_TARGET\"];\n else env[\"TAMAGUI_TARGET\"] = prevTarget;\n }\n }\n if (!split) {\n return {\n id: element.id,\n ok: false,\n bailout: {\n reason: \"local/style-resolution-failed\",\n message: \"getSplitStyles returned no static result\"\n }\n };\n }\n if (target === \"native\") {\n const hasMedia = split.hasMedia === true || split.hasMedia instanceof Set && split.hasMedia.size > 0;\n const hasPseudo = Boolean(split.pseudoGroups && split.pseudoGroups.size > 0) || Boolean(split.mediaGroups && split.mediaGroups.size > 0) || Boolean(split.programStates && split.programStates.size > 0);\n if (hasMedia || hasPseudo) {\n return {\n id: element.id,\n ok: false,\n bailout: {\n reason: \"local/unsupported-target\",\n message: \"Native target does not support static media queries or pseudo styles\"\n }\n };\n }\n if (split.programLifecycleStyleKeys?.enter?.size || split.programLifecycleStyleKeys?.exit?.size) {\n return {\n id: element.id,\n ok: false,\n bailout: {\n reason: \"local/unsupported-target\",\n message: \"Lifecycle value programs remain on the runtime path\"\n }\n };\n }\n }\n const rules = [];\n const css = [];\n if (split.rulesToInsert) {\n for (const key in split.rulesToInsert) {\n const ruleObj = split.rulesToInsert[key];\n if (ruleObj) {\n const ruleList = ruleObj[StyleObjectRules] || [];\n rules.push({\n identifier: ruleObj[StyleObjectIdentifier] || key,\n property: ruleObj[StyleObjectProperty],\n rules: ruleList\n });\n for (let i = 0; i < ruleList.length; i++) {\n css.push(ruleList[i]);\n }\n }\n }\n }\n const classNames = split.classNames || {};\n const classNamesList = Object.values(classNames).filter(Boolean);\n const fullClassName = split.viewProps?.className || void 0;\n const className = fullClassName || (classNamesList.length > 0 ? classNamesList.join(\" \") : void 0);\n return {\n id: element.id,\n ok: true,\n className,\n classNames: Object.keys(classNames).length > 0 ? classNames : void 0,\n rules: rules.length > 0 ? rules : void 0,\n css: css.length > 0 ? css : void 0,\n style: split.style || split.viewProps?.style || null,\n viewProps: split.viewProps,\n hasMedia: split.hasMedia instanceof Set ? Array.from(split.hasMedia) : split.hasMedia || void 0,\n pseudoGroups: split.pseudoGroups && split.pseudoGroups.size > 0 ? Array.from(split.pseudoGroups) : void 0,\n mediaGroups: split.mediaGroups && split.mediaGroups.size > 0 ? Array.from(split.mediaGroups) : void 0,\n programStates: split.programStates && split.programStates.size > 0 ? Array.from(split.programStates) : void 0,\n dynamicThemeAccess: split.dynamicThemeAccess,\n fontFamily: split.fontFamily,\n programLifecycleStyleKeys: split.programLifecycleStyleKeys ? {\n enter: split.programLifecycleStyleKeys.enter ? Array.from(split.programLifecycleStyleKeys.enter) : void 0,\n exit: split.programLifecycleStyleKeys.exit ? Array.from(split.programLifecycleStyleKeys.exit) : void 0\n } : void 0\n };\n}\nfunction resolveStaticBatch(batch) {\n const target = batch.target || \"web\";\n const defaultThemeName = batch.defaultThemeName;\n const elements = batch.elements || [];\n const results = new Array(elements.length);\n for (let i = 0; i < elements.length; i++) {\n results[i] = resolveStaticElement(elements[i], target, defaultThemeName);\n }\n return { results };\n}\nfunction resolveStatic(batch) {\n if (typeof batch === \"string\") {\n const parsed = JSON.parse(batch);\n const result = resolveStaticBatch(parsed);\n return JSON.stringify(result);\n }\n return resolveStaticBatch(batch);\n}\nexport {\n createTamagui,\n getConfig,\n getConfigMaybe,\n getSplitStyles,\n getThemes,\n getToken,\n getTokenValue,\n getTokens,\n installTamaguiConfig,\n prepareStyleStaticConfig,\n resolveStatic,\n resolveStaticBatch,\n resolveStaticElement,\n setConfig,\n updateConfig\n};\n//# sourceMappingURL=static-resolve.js.map\n"],"mappings":"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"}
|
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
import { StyleObjectIdentifier, StyleObjectProperty, StyleObjectRules, stylePropsText, validStyles } from "@tamagui/helpers";
|
|
2
|
+
import { getConfig, getConfigMaybe, getThemes, getToken, getTokenValue, getTokens, setConfig, updateConfig } from "./config.native.js";
|
|
3
|
+
import { createTamagui, installTamaguiConfig } from "./createTamagui.native.js";
|
|
4
|
+
import { getSplitStyles, prepareStyleStaticConfig } from "./helpers/getSplitStyles.native.js";
|
|
5
|
+
import { mergeComponentProps } from "./helpers/mergeProps.native.js";
|
|
6
|
+
|
|
7
|
+
function _instanceof(left, right) {
|
|
8
|
+
if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
|
|
9
|
+
return !!right[Symbol.hasInstance](left);
|
|
10
|
+
} else {
|
|
11
|
+
return left instanceof right;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
var DEFAULT_COMPONENT_STATE = {
|
|
15
|
+
hover: false,
|
|
16
|
+
focus: false,
|
|
17
|
+
focusVisible: false,
|
|
18
|
+
focusWithin: false,
|
|
19
|
+
press: false,
|
|
20
|
+
pressIn: false,
|
|
21
|
+
disabled: false,
|
|
22
|
+
unmounted: false
|
|
23
|
+
};
|
|
24
|
+
var getGlobalProcessEnv = function() {
|
|
25
|
+
try {
|
|
26
|
+
return typeof process !== "undefined" && process ? process.env : void 0;
|
|
27
|
+
} catch (e) {
|
|
28
|
+
return void 0;
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
function resolveStaticElement(element) {
|
|
32
|
+
var target = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "web", defaultThemeName = arguments.length > 2 ? arguments[2] : void 0;
|
|
33
|
+
var _element_staticConfig, _element_staticConfig1, _element_options, _element_options1, _element_options2, _element_options3, _element_staticConfig_Component, _element_staticConfig2, _split_viewProps, _split_viewProps1;
|
|
34
|
+
var conf = getConfigMaybe();
|
|
35
|
+
if (!conf) {
|
|
36
|
+
return {
|
|
37
|
+
id: element.id,
|
|
38
|
+
ok: false,
|
|
39
|
+
bailout: {
|
|
40
|
+
reason: "config-missing",
|
|
41
|
+
message: "No Tamagui config installed. Call createTamagui or installTamaguiConfig first."
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
var themes = conf.themes || {};
|
|
46
|
+
var themeName = element.themeName || defaultThemeName || (themes["light"] ? "light" : Object.keys(themes)[0]) || "light";
|
|
47
|
+
var theme = themes[themeName] || themes["light"] || themes["dark"] || Object.values(themes)[0] || {};
|
|
48
|
+
var isTextLike = Boolean(((_element_staticConfig = element.staticConfig) === null || _element_staticConfig === void 0 ? void 0 : _element_staticConfig.isText) || ((_element_staticConfig1 = element.staticConfig) === null || _element_staticConfig1 === void 0 ? void 0 : _element_staticConfig1.isInput));
|
|
49
|
+
var baseStaticConfig = {
|
|
50
|
+
validStyles: isTextLike ? stylePropsText : validStyles,
|
|
51
|
+
defaultProps: {},
|
|
52
|
+
acceptsClassName: target !== "native",
|
|
53
|
+
...target === "native" && { isReactNative: true },
|
|
54
|
+
...element.staticConfig
|
|
55
|
+
};
|
|
56
|
+
if (target !== "native") {
|
|
57
|
+
delete baseStaticConfig.isReactNative;
|
|
58
|
+
}
|
|
59
|
+
prepareStyleStaticConfig(baseStaticConfig);
|
|
60
|
+
var elementProps = element.props || {};
|
|
61
|
+
if (baseStaticConfig.defaultProps && Object.keys(baseStaticConfig.defaultProps).length > 0) {
|
|
62
|
+
var [merged] = mergeComponentProps(baseStaticConfig.defaultProps, void 0, elementProps);
|
|
63
|
+
elementProps = merged;
|
|
64
|
+
}
|
|
65
|
+
var componentState = {
|
|
66
|
+
...DEFAULT_COMPONENT_STATE,
|
|
67
|
+
...element.componentState
|
|
68
|
+
};
|
|
69
|
+
var _element_options_resolveValues, _element_options_noClass, _element_options_isAnimated, _element_options_displayName, _ref, _ref1;
|
|
70
|
+
var styleProps = {
|
|
71
|
+
resolveValues: (_element_options_resolveValues = (_element_options = element.options) === null || _element_options === void 0 ? void 0 : _element_options.resolveValues) !== null && _element_options_resolveValues !== void 0 ? _element_options_resolveValues : target === "native" ? "except-theme" : "variable",
|
|
72
|
+
noClass: (_element_options_noClass = (_element_options1 = element.options) === null || _element_options1 === void 0 ? void 0 : _element_options1.noClass) !== null && _element_options_noClass !== void 0 ? _element_options_noClass : target === "native",
|
|
73
|
+
isAnimated: (_element_options_isAnimated = (_element_options2 = element.options) === null || _element_options2 === void 0 ? void 0 : _element_options2.isAnimated) !== null && _element_options_isAnimated !== void 0 ? _element_options_isAnimated : false,
|
|
74
|
+
displayName: (_ref1 = (_ref = (_element_options_displayName = (_element_options3 = element.options) === null || _element_options3 === void 0 ? void 0 : _element_options3.displayName) !== null && _element_options_displayName !== void 0 ? _element_options_displayName : element.componentName) !== null && _ref !== void 0 ? _ref : (_element_staticConfig2 = element.staticConfig) === null || _element_staticConfig2 === void 0 ? void 0 : (_element_staticConfig_Component = _element_staticConfig2.Component) === null || _element_staticConfig_Component === void 0 ? void 0 : _element_staticConfig_Component.displayName) !== null && _ref1 !== void 0 ? _ref1 : "TamaguiComponent"
|
|
75
|
+
};
|
|
76
|
+
var env = getGlobalProcessEnv();
|
|
77
|
+
var prevStatic = env ? env["IS_STATIC"] : void 0;
|
|
78
|
+
var prevTarget = env ? env["TAMAGUI_TARGET"] : void 0;
|
|
79
|
+
if (env) {
|
|
80
|
+
if (target === "native") {
|
|
81
|
+
env["IS_STATIC"] = "is_static";
|
|
82
|
+
} else {
|
|
83
|
+
delete env["IS_STATIC"];
|
|
84
|
+
}
|
|
85
|
+
env["TAMAGUI_TARGET"] = target;
|
|
86
|
+
}
|
|
87
|
+
var split = null;
|
|
88
|
+
try {
|
|
89
|
+
split = getSplitStyles(elementProps, baseStaticConfig, theme, themeName, componentState, styleProps);
|
|
90
|
+
} catch (err) {
|
|
91
|
+
return {
|
|
92
|
+
id: element.id,
|
|
93
|
+
ok: false,
|
|
94
|
+
bailout: {
|
|
95
|
+
reason: "local/style-resolution-error",
|
|
96
|
+
message: (err === null || err === void 0 ? void 0 : err.message) || String(err)
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
} finally {
|
|
100
|
+
if (env) {
|
|
101
|
+
if (prevStatic === void 0) delete env["IS_STATIC"];
|
|
102
|
+
else env["IS_STATIC"] = prevStatic;
|
|
103
|
+
if (prevTarget === void 0) delete env["TAMAGUI_TARGET"];
|
|
104
|
+
else env["TAMAGUI_TARGET"] = prevTarget;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
if (!split) {
|
|
108
|
+
return {
|
|
109
|
+
id: element.id,
|
|
110
|
+
ok: false,
|
|
111
|
+
bailout: {
|
|
112
|
+
reason: "local/style-resolution-failed",
|
|
113
|
+
message: "getSplitStyles returned no static result"
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
if (target === "native") {
|
|
118
|
+
var _split_programLifecycleStyleKeys_enter, _split_programLifecycleStyleKeys, _split_programLifecycleStyleKeys_exit, _split_programLifecycleStyleKeys1;
|
|
119
|
+
var hasMedia = split.hasMedia === true || _instanceof(split.hasMedia, Set) && split.hasMedia.size > 0;
|
|
120
|
+
var hasPseudo = Boolean(split.pseudoGroups && split.pseudoGroups.size > 0) || Boolean(split.mediaGroups && split.mediaGroups.size > 0) || Boolean(split.programStates && split.programStates.size > 0);
|
|
121
|
+
if (hasMedia || hasPseudo) {
|
|
122
|
+
return {
|
|
123
|
+
id: element.id,
|
|
124
|
+
ok: false,
|
|
125
|
+
bailout: {
|
|
126
|
+
reason: "local/unsupported-target",
|
|
127
|
+
message: "Native target does not support static media queries or pseudo styles"
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
if (((_split_programLifecycleStyleKeys = split.programLifecycleStyleKeys) === null || _split_programLifecycleStyleKeys === void 0 ? void 0 : (_split_programLifecycleStyleKeys_enter = _split_programLifecycleStyleKeys.enter) === null || _split_programLifecycleStyleKeys_enter === void 0 ? void 0 : _split_programLifecycleStyleKeys_enter.size) || ((_split_programLifecycleStyleKeys1 = split.programLifecycleStyleKeys) === null || _split_programLifecycleStyleKeys1 === void 0 ? void 0 : (_split_programLifecycleStyleKeys_exit = _split_programLifecycleStyleKeys1.exit) === null || _split_programLifecycleStyleKeys_exit === void 0 ? void 0 : _split_programLifecycleStyleKeys_exit.size)) {
|
|
132
|
+
return {
|
|
133
|
+
id: element.id,
|
|
134
|
+
ok: false,
|
|
135
|
+
bailout: {
|
|
136
|
+
reason: "local/unsupported-target",
|
|
137
|
+
message: "Lifecycle value programs remain on the runtime path"
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
var rules = [];
|
|
143
|
+
var css = [];
|
|
144
|
+
if (split.rulesToInsert) {
|
|
145
|
+
for (var key in split.rulesToInsert) {
|
|
146
|
+
var ruleObj = split.rulesToInsert[key];
|
|
147
|
+
if (ruleObj) {
|
|
148
|
+
var ruleList = ruleObj[StyleObjectRules] || [];
|
|
149
|
+
rules.push({
|
|
150
|
+
identifier: ruleObj[StyleObjectIdentifier] || key,
|
|
151
|
+
property: ruleObj[StyleObjectProperty],
|
|
152
|
+
rules: ruleList
|
|
153
|
+
});
|
|
154
|
+
for (var i = 0; i < ruleList.length; i++) {
|
|
155
|
+
css.push(ruleList[i]);
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
var classNames = split.classNames || {};
|
|
161
|
+
var classNamesList = Object.values(classNames).filter(Boolean);
|
|
162
|
+
var fullClassName = ((_split_viewProps = split.viewProps) === null || _split_viewProps === void 0 ? void 0 : _split_viewProps.className) || void 0;
|
|
163
|
+
var className = fullClassName || (classNamesList.length > 0 ? classNamesList.join(" ") : void 0);
|
|
164
|
+
return {
|
|
165
|
+
id: element.id,
|
|
166
|
+
ok: true,
|
|
167
|
+
className,
|
|
168
|
+
classNames: Object.keys(classNames).length > 0 ? classNames : void 0,
|
|
169
|
+
rules: rules.length > 0 ? rules : void 0,
|
|
170
|
+
css: css.length > 0 ? css : void 0,
|
|
171
|
+
style: split.style || ((_split_viewProps1 = split.viewProps) === null || _split_viewProps1 === void 0 ? void 0 : _split_viewProps1.style) || null,
|
|
172
|
+
viewProps: split.viewProps,
|
|
173
|
+
hasMedia: _instanceof(split.hasMedia, Set) ? Array.from(split.hasMedia) : split.hasMedia || void 0,
|
|
174
|
+
pseudoGroups: split.pseudoGroups && split.pseudoGroups.size > 0 ? Array.from(split.pseudoGroups) : void 0,
|
|
175
|
+
mediaGroups: split.mediaGroups && split.mediaGroups.size > 0 ? Array.from(split.mediaGroups) : void 0,
|
|
176
|
+
programStates: split.programStates && split.programStates.size > 0 ? Array.from(split.programStates) : void 0,
|
|
177
|
+
dynamicThemeAccess: split.dynamicThemeAccess,
|
|
178
|
+
fontFamily: split.fontFamily,
|
|
179
|
+
programLifecycleStyleKeys: split.programLifecycleStyleKeys ? {
|
|
180
|
+
enter: split.programLifecycleStyleKeys.enter ? Array.from(split.programLifecycleStyleKeys.enter) : void 0,
|
|
181
|
+
exit: split.programLifecycleStyleKeys.exit ? Array.from(split.programLifecycleStyleKeys.exit) : void 0
|
|
182
|
+
} : void 0
|
|
183
|
+
};
|
|
184
|
+
}
|
|
185
|
+
function resolveStaticBatch(batch) {
|
|
186
|
+
var target = batch.target || "web";
|
|
187
|
+
var defaultThemeName = batch.defaultThemeName;
|
|
188
|
+
var elements = batch.elements || [];
|
|
189
|
+
var results = new Array(elements.length);
|
|
190
|
+
for (var i = 0; i < elements.length; i++) {
|
|
191
|
+
results[i] = resolveStaticElement(elements[i], target, defaultThemeName);
|
|
192
|
+
}
|
|
193
|
+
return { results };
|
|
194
|
+
}
|
|
195
|
+
function resolveStatic(batch) {
|
|
196
|
+
if (typeof batch === "string") {
|
|
197
|
+
var parsed = JSON.parse(batch);
|
|
198
|
+
var result = resolveStaticBatch(parsed);
|
|
199
|
+
return JSON.stringify(result);
|
|
200
|
+
}
|
|
201
|
+
return resolveStaticBatch(batch);
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
export { createTamagui, getConfig, getConfigMaybe, getSplitStyles, getThemes, getToken, getTokenValue, getTokens, installTamaguiConfig, prepareStyleStaticConfig, resolveStatic, resolveStaticBatch, resolveStaticElement, setConfig, updateConfig };
|
|
205
|
+
//# sourceMappingURL=static-resolve.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"static-resolve.native.js","names":["validStylesView"],"sources":["esm/static-resolve.native.js"],"sourcesContent":["import { StyleObjectIdentifier, StyleObjectProperty, StyleObjectRules, stylePropsText, validStyles as validStylesView } from \"@tamagui/helpers\";\nimport { getConfig, getConfigMaybe, getThemes, getToken, getTokens, getTokenValue, setConfig, updateConfig } from \"./config\";\nimport { createTamagui, installTamaguiConfig } from \"./createTamagui\";\nimport { getSplitStyles, prepareStyleStaticConfig } from \"./helpers/getSplitStyles\";\nimport { mergeComponentProps } from \"./helpers/mergeProps\";\nfunction _instanceof(left, right) {\n if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) {\n return !!right[Symbol.hasInstance](left);\n } else {\n return left instanceof right;\n }\n}\nvar DEFAULT_COMPONENT_STATE = {\n hover: false,\n focus: false,\n focusVisible: false,\n focusWithin: false,\n press: false,\n pressIn: false,\n disabled: false,\n unmounted: false\n};\nvar getGlobalProcessEnv = function() {\n try {\n return typeof process !== \"undefined\" && process ? process.env : void 0;\n } catch (e) {\n return void 0;\n }\n};\nfunction resolveStaticElement(element) {\n var target = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"web\", defaultThemeName = arguments.length > 2 ? arguments[2] : void 0;\n var _element_staticConfig, _element_staticConfig1, _element_options, _element_options1, _element_options2, _element_options3, _element_staticConfig_Component, _element_staticConfig2, _split_viewProps, _split_viewProps1;\n var conf = getConfigMaybe();\n if (!conf) {\n return {\n id: element.id,\n ok: false,\n bailout: {\n reason: \"config-missing\",\n message: \"No Tamagui config installed. Call createTamagui or installTamaguiConfig first.\"\n }\n };\n }\n var themes = conf.themes || {};\n var themeName = element.themeName || defaultThemeName || (themes[\"light\"] ? \"light\" : Object.keys(themes)[0]) || \"light\";\n var theme = themes[themeName] || themes[\"light\"] || themes[\"dark\"] || Object.values(themes)[0] || {};\n var isTextLike = Boolean(((_element_staticConfig = element.staticConfig) === null || _element_staticConfig === void 0 ? void 0 : _element_staticConfig.isText) || ((_element_staticConfig1 = element.staticConfig) === null || _element_staticConfig1 === void 0 ? void 0 : _element_staticConfig1.isInput));\n var baseStaticConfig = {\n validStyles: isTextLike ? stylePropsText : validStylesView,\n defaultProps: {},\n acceptsClassName: target !== \"native\",\n ...target === \"native\" && {\n isReactNative: true\n },\n ...element.staticConfig\n };\n if (target !== \"native\") {\n delete baseStaticConfig.isReactNative;\n }\n prepareStyleStaticConfig(baseStaticConfig);\n var elementProps = element.props || {};\n if (baseStaticConfig.defaultProps && Object.keys(baseStaticConfig.defaultProps).length > 0) {\n var [merged] = mergeComponentProps(baseStaticConfig.defaultProps, void 0, elementProps);\n elementProps = merged;\n }\n var componentState = {\n ...DEFAULT_COMPONENT_STATE,\n ...element.componentState\n };\n var _element_options_resolveValues, _element_options_noClass, _element_options_isAnimated, _element_options_displayName, _ref, _ref1;\n var styleProps = {\n resolveValues: (_element_options_resolveValues = (_element_options = element.options) === null || _element_options === void 0 ? void 0 : _element_options.resolveValues) !== null && _element_options_resolveValues !== void 0 ? _element_options_resolveValues : target === \"native\" ? \"except-theme\" : \"variable\",\n noClass: (_element_options_noClass = (_element_options1 = element.options) === null || _element_options1 === void 0 ? void 0 : _element_options1.noClass) !== null && _element_options_noClass !== void 0 ? _element_options_noClass : target === \"native\",\n isAnimated: (_element_options_isAnimated = (_element_options2 = element.options) === null || _element_options2 === void 0 ? void 0 : _element_options2.isAnimated) !== null && _element_options_isAnimated !== void 0 ? _element_options_isAnimated : false,\n displayName: (_ref1 = (_ref = (_element_options_displayName = (_element_options3 = element.options) === null || _element_options3 === void 0 ? void 0 : _element_options3.displayName) !== null && _element_options_displayName !== void 0 ? _element_options_displayName : element.componentName) !== null && _ref !== void 0 ? _ref : (_element_staticConfig2 = element.staticConfig) === null || _element_staticConfig2 === void 0 ? void 0 : (_element_staticConfig_Component = _element_staticConfig2.Component) === null || _element_staticConfig_Component === void 0 ? void 0 : _element_staticConfig_Component.displayName) !== null && _ref1 !== void 0 ? _ref1 : \"TamaguiComponent\"\n };\n var env = getGlobalProcessEnv();\n var prevStatic = env ? env[\"IS_STATIC\"] : void 0;\n var prevTarget = env ? env[\"TAMAGUI_TARGET\"] : void 0;\n if (env) {\n if (target === \"native\") {\n env[\"IS_STATIC\"] = \"is_static\";\n } else {\n delete env[\"IS_STATIC\"];\n }\n env[\"TAMAGUI_TARGET\"] = target;\n }\n var split = null;\n try {\n split = getSplitStyles(elementProps, baseStaticConfig, theme, themeName, componentState, styleProps);\n } catch (err) {\n return {\n id: element.id,\n ok: false,\n bailout: {\n reason: \"local/style-resolution-error\",\n message: (err === null || err === void 0 ? void 0 : err.message) || String(err)\n }\n };\n } finally {\n if (env) {\n if (prevStatic === void 0) delete env[\"IS_STATIC\"];\n else env[\"IS_STATIC\"] = prevStatic;\n if (prevTarget === void 0) delete env[\"TAMAGUI_TARGET\"];\n else env[\"TAMAGUI_TARGET\"] = prevTarget;\n }\n }\n if (!split) {\n return {\n id: element.id,\n ok: false,\n bailout: {\n reason: \"local/style-resolution-failed\",\n message: \"getSplitStyles returned no static result\"\n }\n };\n }\n if (target === \"native\") {\n var _split_programLifecycleStyleKeys_enter, _split_programLifecycleStyleKeys, _split_programLifecycleStyleKeys_exit, _split_programLifecycleStyleKeys1;\n var hasMedia = split.hasMedia === true || _instanceof(split.hasMedia, Set) && split.hasMedia.size > 0;\n var hasPseudo = Boolean(split.pseudoGroups && split.pseudoGroups.size > 0) || Boolean(split.mediaGroups && split.mediaGroups.size > 0) || Boolean(split.programStates && split.programStates.size > 0);\n if (hasMedia || hasPseudo) {\n return {\n id: element.id,\n ok: false,\n bailout: {\n reason: \"local/unsupported-target\",\n message: \"Native target does not support static media queries or pseudo styles\"\n }\n };\n }\n if (((_split_programLifecycleStyleKeys = split.programLifecycleStyleKeys) === null || _split_programLifecycleStyleKeys === void 0 ? void 0 : (_split_programLifecycleStyleKeys_enter = _split_programLifecycleStyleKeys.enter) === null || _split_programLifecycleStyleKeys_enter === void 0 ? void 0 : _split_programLifecycleStyleKeys_enter.size) || ((_split_programLifecycleStyleKeys1 = split.programLifecycleStyleKeys) === null || _split_programLifecycleStyleKeys1 === void 0 ? void 0 : (_split_programLifecycleStyleKeys_exit = _split_programLifecycleStyleKeys1.exit) === null || _split_programLifecycleStyleKeys_exit === void 0 ? void 0 : _split_programLifecycleStyleKeys_exit.size)) {\n return {\n id: element.id,\n ok: false,\n bailout: {\n reason: \"local/unsupported-target\",\n message: \"Lifecycle value programs remain on the runtime path\"\n }\n };\n }\n }\n var rules = [];\n var css = [];\n if (split.rulesToInsert) {\n for (var key in split.rulesToInsert) {\n var ruleObj = split.rulesToInsert[key];\n if (ruleObj) {\n var ruleList = ruleObj[StyleObjectRules] || [];\n rules.push({\n identifier: ruleObj[StyleObjectIdentifier] || key,\n property: ruleObj[StyleObjectProperty],\n rules: ruleList\n });\n for (var i = 0; i < ruleList.length; i++) {\n css.push(ruleList[i]);\n }\n }\n }\n }\n var classNames = split.classNames || {};\n var classNamesList = Object.values(classNames).filter(Boolean);\n var fullClassName = ((_split_viewProps = split.viewProps) === null || _split_viewProps === void 0 ? void 0 : _split_viewProps.className) || void 0;\n var className = fullClassName || (classNamesList.length > 0 ? classNamesList.join(\" \") : void 0);\n return {\n id: element.id,\n ok: true,\n className,\n classNames: Object.keys(classNames).length > 0 ? classNames : void 0,\n rules: rules.length > 0 ? rules : void 0,\n css: css.length > 0 ? css : void 0,\n style: split.style || ((_split_viewProps1 = split.viewProps) === null || _split_viewProps1 === void 0 ? void 0 : _split_viewProps1.style) || null,\n viewProps: split.viewProps,\n hasMedia: _instanceof(split.hasMedia, Set) ? Array.from(split.hasMedia) : split.hasMedia || void 0,\n pseudoGroups: split.pseudoGroups && split.pseudoGroups.size > 0 ? Array.from(split.pseudoGroups) : void 0,\n mediaGroups: split.mediaGroups && split.mediaGroups.size > 0 ? Array.from(split.mediaGroups) : void 0,\n programStates: split.programStates && split.programStates.size > 0 ? Array.from(split.programStates) : void 0,\n dynamicThemeAccess: split.dynamicThemeAccess,\n fontFamily: split.fontFamily,\n programLifecycleStyleKeys: split.programLifecycleStyleKeys ? {\n enter: split.programLifecycleStyleKeys.enter ? Array.from(split.programLifecycleStyleKeys.enter) : void 0,\n exit: split.programLifecycleStyleKeys.exit ? Array.from(split.programLifecycleStyleKeys.exit) : void 0\n } : void 0\n };\n}\nfunction resolveStaticBatch(batch) {\n var target = batch.target || \"web\";\n var defaultThemeName = batch.defaultThemeName;\n var elements = batch.elements || [];\n var results = new Array(elements.length);\n for (var i = 0; i < elements.length; i++) {\n results[i] = resolveStaticElement(elements[i], target, defaultThemeName);\n }\n return {\n results\n };\n}\nfunction resolveStatic(batch) {\n if (typeof batch === \"string\") {\n var parsed = JSON.parse(batch);\n var result = resolveStaticBatch(parsed);\n return JSON.stringify(result);\n }\n return resolveStaticBatch(batch);\n}\nexport {\n createTamagui,\n getConfig,\n getConfigMaybe,\n getSplitStyles,\n getThemes,\n getToken,\n getTokenValue,\n getTokens,\n installTamaguiConfig,\n prepareStyleStaticConfig,\n resolveStatic,\n resolveStaticBatch,\n resolveStaticElement,\n setConfig,\n updateConfig\n};\n//# sourceMappingURL=static-resolve.js.map\n"],"mappings":";;;;;;;AAKA,SAAS,YAAY,MAAM,OAAO;CAChC,IAAI,SAAS,QAAQ,OAAO,WAAW,eAAe,MAAM,OAAO,cAAc;EAC/E,OAAO,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,IAAI;CACzC,OAAO;EACL,OAAO,gBAAgB;CACzB;AACF;AACA,IAAI,0BAA0B;CAC5B,OAAO;CACP,OAAO;CACP,cAAc;CACd,aAAa;CACb,OAAO;CACP,SAAS;CACT,UAAU;CACV,WAAW;AACb;AACA,IAAI,sBAAsB,WAAW;CACnC,IAAI;EACF,OAAO,OAAO,YAAY,eAAe,UAAU,QAAQ,MAAM,KAAK;CACxE,SAAS,GAAG;EACV,OAAO,KAAK;CACd;AACF;AACA,SAAS,qBAAqB,SAAS;CACrC,IAAI,SAAS,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,OAAO,mBAAmB,UAAU,SAAS,IAAI,UAAU,KAAK,KAAK;CACnJ,IAAI,uBAAuB,wBAAwB,kBAAkB,mBAAmB,mBAAmB,mBAAmB,iCAAiC,wBAAwB,kBAAkB;CACzM,IAAI,OAAO,eAAe;CAC1B,IAAI,CAAC,MAAM;EACT,OAAO;GACL,IAAI,QAAQ;GACZ,IAAI;GACJ,SAAS;IACP,QAAQ;IACR,SAAS;GACX;EACF;CACF;CACA,IAAI,SAAS,KAAK,UAAU,CAAC;CAC7B,IAAI,YAAY,QAAQ,aAAa,qBAAqB,OAAO,WAAW,UAAU,OAAO,KAAK,MAAM,CAAC,CAAC,OAAO;CACjH,IAAI,QAAQ,OAAO,cAAc,OAAO,YAAY,OAAO,WAAW,OAAO,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC;CACnG,IAAI,aAAa,UAAU,wBAAwB,QAAQ,kBAAkB,QAAQ,0BAA0B,KAAK,IAAI,KAAK,IAAI,sBAAsB,aAAa,yBAAyB,QAAQ,kBAAkB,QAAQ,2BAA2B,KAAK,IAAI,KAAK,IAAI,uBAAuB,QAAQ;CAC3S,IAAI,mBAAmB;EACrB,aAAa,aAAa,iBAAiBA;EAC3C,cAAc,CAAC;EACf,kBAAkB,WAAW;EAC7B,GAAG,WAAW,YAAY,EACxB,eAAe,KACjB;EACA,GAAG,QAAQ;CACb;CACA,IAAI,WAAW,UAAU;EACvB,OAAO,iBAAiB;CAC1B;CACA,yBAAyB,gBAAgB;CACzC,IAAI,eAAe,QAAQ,SAAS,CAAC;CACrC,IAAI,iBAAiB,gBAAgB,OAAO,KAAK,iBAAiB,YAAY,CAAC,CAAC,SAAS,GAAG;EAC1F,IAAI,CAAC,UAAU,oBAAoB,iBAAiB,cAAc,KAAK,GAAG,YAAY;EACtF,eAAe;CACjB;CACA,IAAI,iBAAiB;EACnB,GAAG;EACH,GAAG,QAAQ;CACb;CACA,IAAI,gCAAgC,0BAA0B,6BAA6B,8BAA8B,MAAM;CAC/H,IAAI,aAAa;EACf,gBAAgB,kCAAkC,mBAAmB,QAAQ,aAAa,QAAQ,qBAAqB,KAAK,IAAI,KAAK,IAAI,iBAAiB,mBAAmB,QAAQ,mCAAmC,KAAK,IAAI,iCAAiC,WAAW,WAAW,iBAAiB;EACzS,UAAU,4BAA4B,oBAAoB,QAAQ,aAAa,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,aAAa,QAAQ,6BAA6B,KAAK,IAAI,2BAA2B,WAAW;EAClP,aAAa,+BAA+B,oBAAoB,QAAQ,aAAa,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,gBAAgB,QAAQ,gCAAgC,KAAK,IAAI,8BAA8B;EACtP,cAAc,SAAS,QAAQ,gCAAgC,oBAAoB,QAAQ,aAAa,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,iBAAiB,QAAQ,iCAAiC,KAAK,IAAI,+BAA+B,QAAQ,mBAAmB,QAAQ,SAAS,KAAK,IAAI,QAAQ,yBAAyB,QAAQ,kBAAkB,QAAQ,2BAA2B,KAAK,IAAI,KAAK,KAAK,kCAAkC,uBAAuB,eAAe,QAAQ,oCAAoC,KAAK,IAAI,KAAK,IAAI,gCAAgC,iBAAiB,QAAQ,UAAU,KAAK,IAAI,QAAQ;CAC9oB;CACA,IAAI,MAAM,oBAAoB;CAC9B,IAAI,aAAa,MAAM,IAAI,eAAe,KAAK;CAC/C,IAAI,aAAa,MAAM,IAAI,oBAAoB,KAAK;CACpD,IAAI,KAAK;EACP,IAAI,WAAW,UAAU;GACvB,IAAI,eAAe;EACrB,OAAO;GACL,OAAO,IAAI;EACb;EACA,IAAI,oBAAoB;CAC1B;CACA,IAAI,QAAQ;CACZ,IAAI;EACF,QAAQ,eAAe,cAAc,kBAAkB,OAAO,WAAW,gBAAgB,UAAU;CACrG,SAAS,KAAK;EACZ,OAAO;GACL,IAAI,QAAQ;GACZ,IAAI;GACJ,SAAS;IACP,QAAQ;IACR,UAAU,QAAQ,QAAQ,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,YAAY,OAAO,GAAG;GAChF;EACF;CACF,UAAU;EACR,IAAI,KAAK;GACP,IAAI,eAAe,KAAK,GAAG,OAAO,IAAI;QACjC,IAAI,eAAe;GACxB,IAAI,eAAe,KAAK,GAAG,OAAO,IAAI;QACjC,IAAI,oBAAoB;EAC/B;CACF;CACA,IAAI,CAAC,OAAO;EACV,OAAO;GACL,IAAI,QAAQ;GACZ,IAAI;GACJ,SAAS;IACP,QAAQ;IACR,SAAS;GACX;EACF;CACF;CACA,IAAI,WAAW,UAAU;EACvB,IAAI,wCAAwC,kCAAkC,uCAAuC;EACrH,IAAI,WAAW,MAAM,aAAa,QAAQ,YAAY,MAAM,UAAU,GAAG,KAAK,MAAM,SAAS,OAAO;EACpG,IAAI,YAAY,QAAQ,MAAM,gBAAgB,MAAM,aAAa,OAAO,CAAC,KAAK,QAAQ,MAAM,eAAe,MAAM,YAAY,OAAO,CAAC,KAAK,QAAQ,MAAM,iBAAiB,MAAM,cAAc,OAAO,CAAC;EACrM,IAAI,YAAY,WAAW;GACzB,OAAO;IACL,IAAI,QAAQ;IACZ,IAAI;IACJ,SAAS;KACP,QAAQ;KACR,SAAS;IACX;GACF;EACF;EACA,MAAM,mCAAmC,MAAM,+BAA+B,QAAQ,qCAAqC,KAAK,IAAI,KAAK,KAAK,yCAAyC,iCAAiC,WAAW,QAAQ,2CAA2C,KAAK,IAAI,KAAK,IAAI,uCAAuC,WAAW,oCAAoC,MAAM,+BAA+B,QAAQ,sCAAsC,KAAK,IAAI,KAAK,KAAK,wCAAwC,kCAAkC,UAAU,QAAQ,0CAA0C,KAAK,IAAI,KAAK,IAAI,sCAAsC,OAAO;GACvqB,OAAO;IACL,IAAI,QAAQ;IACZ,IAAI;IACJ,SAAS;KACP,QAAQ;KACR,SAAS;IACX;GACF;EACF;CACF;CACA,IAAI,QAAQ,CAAC;CACb,IAAI,MAAM,CAAC;CACX,IAAI,MAAM,eAAe;EACvB,KAAK,IAAI,OAAO,MAAM,eAAe;GACnC,IAAI,UAAU,MAAM,cAAc;GAClC,IAAI,SAAS;IACX,IAAI,WAAW,QAAQ,qBAAqB,CAAC;IAC7C,MAAM,KAAK;KACT,YAAY,QAAQ,0BAA0B;KAC9C,UAAU,QAAQ;KAClB,OAAO;IACT,CAAC;IACD,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;KACxC,IAAI,KAAK,SAAS,EAAE;IACtB;GACF;EACF;CACF;CACA,IAAI,aAAa,MAAM,cAAc,CAAC;CACtC,IAAI,iBAAiB,OAAO,OAAO,UAAU,CAAC,CAAC,OAAO,OAAO;CAC7D,IAAI,kBAAkB,mBAAmB,MAAM,eAAe,QAAQ,qBAAqB,KAAK,IAAI,KAAK,IAAI,iBAAiB,cAAc,KAAK;CACjJ,IAAI,YAAY,kBAAkB,eAAe,SAAS,IAAI,eAAe,KAAK,GAAG,IAAI,KAAK;CAC9F,OAAO;EACL,IAAI,QAAQ;EACZ,IAAI;EACJ;EACA,YAAY,OAAO,KAAK,UAAU,CAAC,CAAC,SAAS,IAAI,aAAa,KAAK;EACnE,OAAO,MAAM,SAAS,IAAI,QAAQ,KAAK;EACvC,KAAK,IAAI,SAAS,IAAI,MAAM,KAAK;EACjC,OAAO,MAAM,WAAW,oBAAoB,MAAM,eAAe,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,UAAU;EAC7I,WAAW,MAAM;EACjB,UAAU,YAAY,MAAM,UAAU,GAAG,IAAI,MAAM,KAAK,MAAM,QAAQ,IAAI,MAAM,YAAY,KAAK;EACjG,cAAc,MAAM,gBAAgB,MAAM,aAAa,OAAO,IAAI,MAAM,KAAK,MAAM,YAAY,IAAI,KAAK;EACxG,aAAa,MAAM,eAAe,MAAM,YAAY,OAAO,IAAI,MAAM,KAAK,MAAM,WAAW,IAAI,KAAK;EACpG,eAAe,MAAM,iBAAiB,MAAM,cAAc,OAAO,IAAI,MAAM,KAAK,MAAM,aAAa,IAAI,KAAK;EAC5G,oBAAoB,MAAM;EAC1B,YAAY,MAAM;EAClB,2BAA2B,MAAM,4BAA4B;GAC3D,OAAO,MAAM,0BAA0B,QAAQ,MAAM,KAAK,MAAM,0BAA0B,KAAK,IAAI,KAAK;GACxG,MAAM,MAAM,0BAA0B,OAAO,MAAM,KAAK,MAAM,0BAA0B,IAAI,IAAI,KAAK;EACvG,IAAI,KAAK;CACX;AACF;AACA,SAAS,mBAAmB,OAAO;CACjC,IAAI,SAAS,MAAM,UAAU;CAC7B,IAAI,mBAAmB,MAAM;CAC7B,IAAI,WAAW,MAAM,YAAY,CAAC;CAClC,IAAI,UAAU,IAAI,MAAM,SAAS,MAAM;CACvC,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;EACxC,QAAQ,KAAK,qBAAqB,SAAS,IAAI,QAAQ,gBAAgB;CACzE;CACA,OAAO,EACL,QACF;AACF;AACA,SAAS,cAAc,OAAO;CAC5B,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,SAAS,KAAK,MAAM,KAAK;EAC7B,IAAI,SAAS,mBAAmB,MAAM;EACtC,OAAO,KAAK,UAAU,MAAM;CAC9B;CACA,OAAO,mBAAmB,KAAK;AACjC"}
|
package/dist/esm/styled.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createComponent } from "./createComponent.mjs";
|
|
2
2
|
import { componentDisplayName, setComponentDisplayName } from "./helpers/componentDisplayName.mjs";
|
|
3
3
|
import { mergeVariants } from "./helpers/mergeVariants.mjs";
|
|
4
|
-
import {
|
|
4
|
+
import { warnOnce } from "./helpers/warnOnce.mjs";
|
|
5
5
|
import { createVariantResolver } from "./types.mjs";
|
|
6
6
|
|
|
7
7
|
const textLikeElements = /* @__PURE__ */ new Set([
|
|
@@ -41,16 +41,12 @@ function styledHtml(tag, options) {
|
|
|
41
41
|
variants,
|
|
42
42
|
defaultProps,
|
|
43
43
|
defaultVariants,
|
|
44
|
-
isReactNative: false,
|
|
45
44
|
isText,
|
|
46
45
|
acceptsClassName: true,
|
|
47
46
|
context
|
|
48
47
|
};
|
|
49
|
-
if (defaultProps["children"] || context)
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
const component = setComponentDisplayName(createComponent(conf), displayName);
|
|
53
|
-
return component;
|
|
48
|
+
if (defaultProps["children"] || context) conf.neverFlatten = true;
|
|
49
|
+
return setComponentDisplayName(createComponent(conf), displayName);
|
|
54
50
|
}
|
|
55
51
|
function styled(...args) {
|
|
56
52
|
return styledImpl(void 0, ...args);
|
|
@@ -66,25 +62,23 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
|
|
|
66
62
|
const options = optionsIn;
|
|
67
63
|
const displayName = options?.displayName;
|
|
68
64
|
if (process.env.NODE_ENV !== "production") {
|
|
69
|
-
if (!ComponentIn)
|
|
70
|
-
throw new Error(`No component given to styled()`);
|
|
71
|
-
}
|
|
65
|
+
if (!ComponentIn) throw new Error(`No component given to styled()`);
|
|
72
66
|
}
|
|
73
67
|
const parentStaticConfig = ComponentIn["staticConfig"];
|
|
74
|
-
const
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
const
|
|
78
|
-
|
|
79
|
-
const
|
|
68
|
+
const requestedReactNativeInterop = Boolean(config?.isReactNative || parentStaticConfig?.isReactNative);
|
|
69
|
+
if (process.env.NODE_ENV === "development" && requestedReactNativeInterop) warnOnce("isReactNative-web-removed", "The isReactNative styled-component option is native-only in Tamagui v3. React Native Web hosts on web are no longer adapted; use a component that accepts className, data-* attributes, and DOM events.");
|
|
70
|
+
const isReactNative = false;
|
|
71
|
+
const isPlainStyledComponent = !!parentStaticConfig && !parentStaticConfig.isHOC;
|
|
72
|
+
let Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;
|
|
73
|
+
const resolvedIsReactNative = Boolean(isReactNative);
|
|
74
|
+
const component = setComponentDisplayName(createComponent((() => {
|
|
80
75
|
let { variants, displayName: _displayName, defaultVariants, context, contextProps, compoundVariants, ...defaultProps } = options || {};
|
|
81
76
|
let parentDefaultVariants;
|
|
82
77
|
let parentDefaultProps;
|
|
83
78
|
let parentCompoundVariants;
|
|
84
79
|
const mergedBaseClassName = parentStaticConfig?.baseClassName && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || parentStaticConfig?.baseClassName;
|
|
85
80
|
if (parentStaticConfig) {
|
|
86
|
-
|
|
87
|
-
if (!avoid) {
|
|
81
|
+
if (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {
|
|
88
82
|
const pdp = parentStaticConfig.defaultProps;
|
|
89
83
|
for (const key in pdp) {
|
|
90
84
|
const val = pdp[key];
|
|
@@ -101,25 +95,21 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
|
|
|
101
95
|
parentDefaultProps[key] = pdp[key];
|
|
102
96
|
}
|
|
103
97
|
}
|
|
104
|
-
if (parentStaticConfig.variants)
|
|
105
|
-
variants = mergeVariants(parentStaticConfig.variants, variants);
|
|
106
|
-
}
|
|
98
|
+
if (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);
|
|
107
99
|
parentCompoundVariants = parentStaticConfig.compoundVariants;
|
|
108
100
|
}
|
|
109
101
|
}
|
|
110
102
|
const mergedCompoundVariants = parentCompoundVariants || compoundVariants ? [...parentCompoundVariants || [], ...compoundVariants || []] : void 0;
|
|
111
103
|
const mergedContext = context || parentStaticConfig?.context;
|
|
112
104
|
const mergedContextProps = context ? contextProps : contextProps || parentStaticConfig?.contextProps;
|
|
113
|
-
if (parentDefaultProps || defaultVariants || parentDefaultVariants) {
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
};
|
|
120
|
-
}
|
|
105
|
+
if (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {
|
|
106
|
+
...parentDefaultProps,
|
|
107
|
+
...parentDefaultVariants,
|
|
108
|
+
...defaultProps,
|
|
109
|
+
...defaultVariants
|
|
110
|
+
};
|
|
121
111
|
const isText = Boolean(config?.isText || parentStaticConfig?.isText);
|
|
122
|
-
const acceptsClassName = config?.acceptsClassName ?? (isPlainStyledComponent ||
|
|
112
|
+
const acceptsClassName = config?.acceptsClassName ?? (isPlainStyledComponent || resolvedIsReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName);
|
|
123
113
|
const conf = {
|
|
124
114
|
...parentStaticConfig,
|
|
125
115
|
...config,
|
|
@@ -129,22 +119,18 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
|
|
|
129
119
|
baseClassName: mergedBaseClassName,
|
|
130
120
|
defaultProps,
|
|
131
121
|
defaultVariants,
|
|
132
|
-
isReactNative,
|
|
133
122
|
isText,
|
|
134
123
|
acceptsClassName,
|
|
135
124
|
context: mergedContext,
|
|
136
125
|
contextProps: mergedContextProps,
|
|
137
|
-
...reactNativeConfig,
|
|
138
126
|
isStyledHOC: Boolean(parentStaticConfig?.isHOC),
|
|
139
127
|
parentStaticConfig,
|
|
140
128
|
...frontend && { styleFrontend: frontend }
|
|
141
129
|
};
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
}
|
|
130
|
+
delete conf.isReactNative;
|
|
131
|
+
if (defaultProps["children"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;
|
|
145
132
|
return conf;
|
|
146
|
-
})();
|
|
147
|
-
const component = setComponentDisplayName(createComponent(staticConfigProps || {}), displayName || ComponentIn[componentDisplayName]);
|
|
133
|
+
})() || {}), displayName || ComponentIn[componentDisplayName]);
|
|
148
134
|
for (const key in ComponentIn) {
|
|
149
135
|
if (key === "propTypes") continue;
|
|
150
136
|
if (key in component) continue;
|
|
@@ -153,9 +139,7 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
|
|
|
153
139
|
return component;
|
|
154
140
|
}
|
|
155
141
|
const styledExport = new Proxy(styled, { get(target, prop) {
|
|
156
|
-
if (prop in target)
|
|
157
|
-
return target[prop];
|
|
158
|
-
}
|
|
142
|
+
if (prop in target) return target[prop];
|
|
159
143
|
return (options) => styledHtml(prop, options);
|
|
160
144
|
} });
|
|
161
145
|
|