@tamagui/web 3.0.0-beta.831.1 → 3.0.0-beta.889.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/createComponent.cjs +12 -1
- package/dist/cjs/createComponent.native.cjs +12 -1
- package/dist/cjs/createComponent.native.js +12 -1
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createStyledHOC.cjs +1 -1
- package/dist/cjs/createStyledHOC.native.cjs +1 -1
- package/dist/cjs/createStyledHOC.native.js +1 -1
- package/dist/cjs/createStyledHOC.native.js.map +1 -1
- package/dist/cjs/createVariable.cjs +0 -10
- package/dist/cjs/createVariable.native.cjs +0 -10
- package/dist/cjs/createVariable.native.js +0 -10
- package/dist/cjs/createVariable.native.js.map +1 -1
- package/dist/cjs/helpers/borderComponents.cjs +62 -0
- package/dist/cjs/helpers/borderComponents.native.cjs +82 -0
- package/dist/cjs/helpers/borderComponents.native.js +84 -0
- package/dist/cjs/helpers/borderComponents.native.js.map +1 -0
- package/dist/cjs/helpers/createDesignSystem.cjs +0 -2
- package/dist/cjs/helpers/createStyledContext.cjs +10 -18
- package/dist/cjs/helpers/createStyledContext.native.cjs +14 -18
- package/dist/cjs/helpers/createStyledContext.native.js +14 -18
- package/dist/cjs/helpers/createStyledContext.native.js.map +1 -1
- package/dist/cjs/helpers/formatDiagnostic.cjs +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.cjs +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.js +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomic.cjs +128 -109
- package/dist/cjs/helpers/getCSSStylesAtomic.native.cjs +11 -3
- package/dist/cjs/helpers/getCSSStylesAtomic.native.js +11 -3
- package/dist/cjs/helpers/getCSSStylesAtomic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.cjs +13 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.cjs +15 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js +15 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
- package/dist/cjs/helpers/getDynamicVal.cjs +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.cjs +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.js +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.cjs +1042 -1715
- package/dist/cjs/helpers/getSplitStyles.native.cjs +1081 -1887
- package/dist/cjs/helpers/getSplitStyles.native.js +1081 -1887
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/grammarConfig.cjs +163 -1
- package/dist/cjs/helpers/grammarConfig.native.cjs +186 -1
- package/dist/cjs/helpers/grammarConfig.native.js +186 -1
- package/dist/cjs/helpers/grammarConfig.native.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.cjs +5 -1
- package/dist/cjs/helpers/insertStyleRule.native.cjs +7 -1
- package/dist/cjs/helpers/insertStyleRule.native.js +7 -1
- package/dist/cjs/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/cjs/helpers/log.cjs +9 -8
- package/dist/cjs/helpers/log.native.cjs +9 -8
- package/dist/cjs/helpers/log.native.js +9 -8
- package/dist/cjs/helpers/log.native.js.map +1 -1
- package/dist/cjs/helpers/mergeVariants.cjs +44 -13
- package/dist/cjs/helpers/mergeVariants.native.cjs +79 -14
- package/dist/cjs/helpers/mergeVariants.native.js +79 -14
- package/dist/cjs/helpers/mergeVariants.native.js.map +1 -1
- package/dist/cjs/helpers/nativeOnlyProps.cjs +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.cjs +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.js +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.js.map +1 -1
- package/dist/cjs/helpers/nativeStyleEngine.cjs +34 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.cjs +36 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.js +36 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.cjs +7 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.cjs +9 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js +9 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/cjs/helpers/parseBorderShorthand.native.cjs +25 -56
- package/dist/cjs/helpers/parseBorderShorthand.native.js +25 -56
- package/dist/cjs/helpers/parseBorderShorthand.native.js.map +1 -1
- package/dist/cjs/helpers/parseOutlineShorthand.native.cjs +9 -49
- package/dist/cjs/helpers/parseOutlineShorthand.native.js +9 -49
- package/dist/cjs/helpers/parseOutlineShorthand.native.js.map +1 -1
- package/dist/cjs/helpers/resolveSafeArea.cjs +35 -100
- package/dist/cjs/helpers/resolveVariantStyle.cjs +57 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.cjs +67 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.js +69 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.js.map +1 -0
- package/dist/cjs/helpers/styleStaticConfig.cjs +1 -50
- package/dist/cjs/helpers/styleStaticConfig.native.cjs +1 -51
- package/dist/cjs/helpers/styleStaticConfig.native.js +1 -51
- package/dist/cjs/helpers/styleStaticConfig.native.js.map +1 -1
- package/dist/cjs/helpers/styleStaticConfigCore.cjs +107 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.cjs +127 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.js +129 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.js.map +1 -0
- package/dist/cjs/helpers/styledDynamic.cjs +160 -0
- package/dist/cjs/helpers/styledDynamic.native.cjs +195 -0
- package/dist/cjs/helpers/styledDynamic.native.js +197 -0
- package/dist/cjs/helpers/styledDynamic.native.js.map +1 -0
- package/dist/cjs/helpers/tokenCategories.cjs +15 -38
- package/dist/cjs/helpers/tokenCategories.native.cjs +15 -40
- package/dist/cjs/helpers/tokenCategories.native.js +15 -40
- package/dist/cjs/helpers/tokenCategories.native.js.map +1 -1
- package/dist/cjs/helpers/variableValue.cjs +17 -12
- package/dist/cjs/helpers/variableValue.native.cjs +46 -23
- package/dist/cjs/helpers/variableValue.native.js +46 -23
- package/dist/cjs/helpers/variableValue.native.js.map +1 -1
- package/dist/cjs/helpers/warnOnce.cjs +5 -4
- package/dist/cjs/helpers/warnOnce.native.cjs +6 -4
- package/dist/cjs/helpers/warnOnce.native.js +6 -4
- package/dist/cjs/helpers/warnOnce.native.js.map +1 -1
- package/dist/cjs/hooks/useAnimationDriver.cjs +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.cjs +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.js +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.js.map +1 -1
- package/dist/cjs/hooks/useComponentState.cjs +41 -82
- package/dist/cjs/hooks/useComponentState.native.cjs +45 -84
- package/dist/cjs/hooks/useComponentState.native.js +45 -84
- package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
- package/dist/cjs/hooks/useMedia.cjs +2 -2
- package/dist/cjs/hooks/useMedia.native.cjs +2 -2
- package/dist/cjs/hooks/useMedia.native.js +2 -2
- package/dist/cjs/hooks/useMedia.native.js.map +1 -1
- package/dist/cjs/{helpers/directStyleCSS.native.js → hooks/useStyle.cjs} +16 -8
- package/dist/cjs/{helpers/directStyleCSS.native.cjs → hooks/useStyle.native.cjs} +16 -4
- package/dist/cjs/hooks/useStyle.native.js +34 -0
- package/dist/cjs/hooks/useStyle.native.js.map +1 -0
- package/dist/cjs/hooks/useThemeState.cjs +25 -90
- package/dist/cjs/hooks/useThemeState.native.cjs +34 -94
- package/dist/cjs/hooks/useThemeState.native.js +34 -94
- package/dist/cjs/hooks/useThemeState.native.js.map +1 -1
- package/dist/cjs/index.cjs +6 -3
- package/dist/cjs/index.native.cjs +6 -3
- package/dist/cjs/index.native.js +6 -3
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/static-resolve.cjs +2 -2
- package/dist/cjs/static-resolve.native.cjs +2 -2
- package/dist/cjs/static-resolve.native.js +2 -2
- package/dist/cjs/static-resolve.native.js.map +1 -1
- package/dist/cjs/style.cjs +91 -0
- package/dist/cjs/style.native.cjs +98 -0
- package/dist/cjs/style.native.js +100 -0
- package/dist/cjs/style.native.js.map +1 -0
- package/dist/cjs/styled.cjs +11 -6
- package/dist/cjs/styled.native.cjs +11 -6
- package/dist/cjs/styled.native.js +11 -6
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/types.cjs +6 -4
- package/dist/cjs/types.native.cjs +6 -4
- package/dist/cjs/types.native.js +6 -4
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.cjs +1 -2
- package/dist/cjs/views/TamaguiProvider.native.cjs +1 -2
- package/dist/cjs/views/TamaguiProvider.native.js +1 -2
- package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
- package/dist/cjs/views/Text.cjs +17 -12
- package/dist/cjs/views/Text.native.cjs +1 -0
- package/dist/cjs/views/Text.native.js +1 -0
- package/dist/cjs/views/Text.native.js.map +1 -1
- package/dist/cjs/views/Theme.cjs +3 -3
- package/dist/cjs/views/Theme.native.cjs +3 -3
- package/dist/cjs/views/Theme.native.js +3 -3
- package/dist/cjs/views/Theme.native.js.map +1 -1
- package/dist/cjs/views/ThemeDebug.cjs +1 -4
- package/dist/esm/createComponent.mjs +12 -1
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +12 -1
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createStyledHOC.mjs +1 -1
- package/dist/esm/createStyledHOC.mjs.map +1 -1
- package/dist/esm/createStyledHOC.native.js +1 -1
- package/dist/esm/createStyledHOC.native.js.map +1 -1
- package/dist/esm/createVariable.mjs +1 -9
- package/dist/esm/createVariable.mjs.map +1 -1
- package/dist/esm/createVariable.native.js +1 -9
- package/dist/esm/createVariable.native.js.map +1 -1
- package/dist/esm/helpers/borderComponents.mjs +37 -0
- package/dist/esm/helpers/borderComponents.mjs.map +1 -0
- package/dist/esm/helpers/borderComponents.native.js +55 -0
- package/dist/esm/helpers/borderComponents.native.js.map +1 -0
- package/dist/esm/helpers/createDesignSystem.mjs +0 -2
- package/dist/esm/helpers/createDesignSystem.mjs.map +1 -1
- package/dist/esm/helpers/createStyledContext.mjs +10 -18
- package/dist/esm/helpers/createStyledContext.mjs.map +1 -1
- package/dist/esm/helpers/createStyledContext.native.js +14 -18
- package/dist/esm/helpers/createStyledContext.native.js.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.mjs +6 -6
- package/dist/esm/helpers/formatDiagnostic.mjs.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.native.js +6 -6
- package/dist/esm/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.mjs +126 -109
- package/dist/esm/helpers/getCSSStylesAtomic.mjs.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.native.js +7 -4
- package/dist/esm/helpers/getCSSStylesAtomic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs +8 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js +10 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
- package/dist/esm/helpers/getDynamicVal.mjs +5 -1
- package/dist/esm/helpers/getDynamicVal.mjs.map +1 -1
- package/dist/esm/helpers/getDynamicVal.native.js +5 -1
- package/dist/esm/helpers/getDynamicVal.native.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs +1034 -1705
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +1071 -1871
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/helpers/grammarConfig.mjs +164 -2
- package/dist/esm/helpers/grammarConfig.mjs.map +1 -1
- package/dist/esm/helpers/grammarConfig.native.js +187 -2
- package/dist/esm/helpers/grammarConfig.native.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.mjs +5 -2
- package/dist/esm/helpers/insertStyleRule.mjs.map +1 -1
- package/dist/esm/helpers/insertStyleRule.native.js +7 -2
- package/dist/esm/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/esm/helpers/log.mjs +9 -8
- package/dist/esm/helpers/log.mjs.map +1 -1
- package/dist/esm/helpers/log.native.js +9 -8
- package/dist/esm/helpers/log.native.js.map +1 -1
- package/dist/esm/helpers/mergeVariants.mjs +44 -13
- package/dist/esm/helpers/mergeVariants.mjs.map +1 -1
- package/dist/esm/helpers/mergeVariants.native.js +79 -14
- package/dist/esm/helpers/mergeVariants.native.js.map +1 -1
- package/dist/esm/helpers/nativeOnlyProps.mjs +0 -1
- package/dist/esm/helpers/nativeOnlyProps.mjs.map +1 -1
- package/dist/esm/helpers/nativeOnlyProps.native.js +0 -1
- package/dist/esm/helpers/nativeOnlyProps.native.js.map +1 -1
- package/dist/esm/helpers/nativeStyleEngine.mjs +34 -15
- package/dist/esm/helpers/nativeStyleEngine.mjs.map +1 -1
- package/dist/esm/helpers/nativeStyleEngine.native.js +36 -15
- package/dist/esm/helpers/nativeStyleEngine.native.js.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.mjs +7 -8
- package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.native.js +9 -8
- package/dist/esm/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/esm/helpers/parseBorderShorthand.native.js +23 -56
- package/dist/esm/helpers/parseBorderShorthand.native.js.map +1 -1
- package/dist/esm/helpers/parseOutlineShorthand.native.js +10 -49
- package/dist/esm/helpers/parseOutlineShorthand.native.js.map +1 -1
- package/dist/esm/helpers/resolveSafeArea.mjs +35 -97
- package/dist/esm/helpers/resolveSafeArea.mjs.map +1 -1
- package/dist/esm/helpers/resolveVariantStyle.mjs +38 -0
- package/dist/esm/helpers/resolveVariantStyle.mjs.map +1 -0
- package/dist/esm/helpers/resolveVariantStyle.native.js +46 -0
- package/dist/esm/helpers/resolveVariantStyle.native.js.map +1 -0
- package/dist/esm/helpers/styleStaticConfig.mjs +1 -50
- package/dist/esm/helpers/styleStaticConfig.mjs.map +1 -1
- package/dist/esm/helpers/styleStaticConfig.native.js +1 -51
- package/dist/esm/helpers/styleStaticConfig.native.js.map +1 -1
- package/dist/esm/helpers/styleStaticConfigCore.mjs +88 -0
- package/dist/esm/helpers/styleStaticConfigCore.mjs.map +1 -0
- package/dist/esm/helpers/styleStaticConfigCore.native.js +106 -0
- package/dist/esm/helpers/styleStaticConfigCore.native.js.map +1 -0
- package/dist/esm/helpers/styledDynamic.mjs +136 -0
- package/dist/esm/helpers/styledDynamic.mjs.map +1 -0
- package/dist/esm/helpers/styledDynamic.native.js +169 -0
- package/dist/esm/helpers/styledDynamic.native.js.map +1 -0
- package/dist/esm/helpers/tokenCategories.mjs +15 -36
- package/dist/esm/helpers/tokenCategories.mjs.map +1 -1
- package/dist/esm/helpers/tokenCategories.native.js +15 -38
- package/dist/esm/helpers/tokenCategories.native.js.map +1 -1
- package/dist/esm/helpers/variableValue.mjs +17 -12
- package/dist/esm/helpers/variableValue.mjs.map +1 -1
- package/dist/esm/helpers/variableValue.native.js +46 -23
- package/dist/esm/helpers/variableValue.native.js.map +1 -1
- package/dist/esm/helpers/warnOnce.mjs +5 -4
- package/dist/esm/helpers/warnOnce.mjs.map +1 -1
- package/dist/esm/helpers/warnOnce.native.js +6 -4
- package/dist/esm/helpers/warnOnce.native.js.map +1 -1
- package/dist/esm/hooks/useAnimationDriver.mjs +2 -2
- package/dist/esm/hooks/useAnimationDriver.mjs.map +1 -1
- package/dist/esm/hooks/useAnimationDriver.native.js +2 -2
- package/dist/esm/hooks/useAnimationDriver.native.js.map +1 -1
- package/dist/esm/hooks/useComponentState.mjs +41 -82
- package/dist/esm/hooks/useComponentState.mjs.map +1 -1
- package/dist/esm/hooks/useComponentState.native.js +45 -84
- package/dist/esm/hooks/useComponentState.native.js.map +1 -1
- package/dist/esm/hooks/useMedia.mjs +2 -2
- package/dist/esm/hooks/useMedia.mjs.map +1 -1
- package/dist/esm/hooks/useMedia.native.js +2 -2
- package/dist/esm/hooks/useMedia.native.js.map +1 -1
- package/dist/esm/hooks/useStyle.mjs +11 -0
- package/dist/esm/hooks/useStyle.mjs.map +1 -0
- package/dist/esm/hooks/useStyle.native.js +11 -0
- package/dist/esm/hooks/useStyle.native.js.map +1 -0
- package/dist/esm/hooks/useThemeState.mjs +25 -90
- package/dist/esm/hooks/useThemeState.mjs.map +1 -1
- package/dist/esm/hooks/useThemeState.native.js +34 -94
- package/dist/esm/hooks/useThemeState.native.js.map +1 -1
- package/dist/esm/index.js +6 -4
- package/dist/esm/index.mjs +6 -4
- package/dist/esm/index.native.js +6 -4
- package/dist/esm/static-resolve.mjs +3 -3
- package/dist/esm/static-resolve.mjs.map +1 -1
- package/dist/esm/static-resolve.native.js +3 -3
- package/dist/esm/static-resolve.native.js.map +1 -1
- package/dist/esm/style.mjs +58 -0
- package/dist/esm/style.mjs.map +1 -0
- package/dist/esm/style.native.js +63 -0
- package/dist/esm/style.native.js.map +1 -0
- package/dist/esm/styled.mjs +12 -6
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js +12 -6
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/types.mjs +3 -4
- package/dist/esm/types.mjs.map +1 -1
- package/dist/esm/types.native.js +3 -4
- package/dist/esm/types.native.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.mjs +1 -2
- package/dist/esm/views/TamaguiProvider.mjs.map +1 -1
- package/dist/esm/views/TamaguiProvider.native.js +1 -2
- package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
- package/dist/esm/views/Text.mjs +17 -12
- package/dist/esm/views/Text.mjs.map +1 -1
- package/dist/esm/views/Theme.mjs +3 -3
- package/dist/esm/views/Theme.mjs.map +1 -1
- package/dist/esm/views/Theme.native.js +3 -3
- package/dist/esm/views/Theme.native.js.map +1 -1
- package/dist/esm/views/ThemeDebug.mjs +1 -4
- package/dist/esm/views/ThemeDebug.mjs.map +1 -1
- package/package.json +15 -15
- package/src/createComponent.tsx +21 -1
- package/src/createStyledHOC.tsx +4 -2
- package/src/createVariable.ts +0 -10
- package/src/helpers/borderComponents.ts +62 -0
- package/src/helpers/createDesignSystem.ts +0 -2
- package/src/helpers/createStyledContext.tsx +15 -53
- package/src/helpers/formatDiagnostic.ts +9 -9
- package/src/helpers/getCSSStylesAtomic.native.ts +6 -3
- package/src/helpers/getCSSStylesAtomic.ts +192 -207
- package/src/helpers/getCSSStylesAtomicCompiled.ts +13 -1
- package/src/helpers/getDynamicVal.ts +4 -0
- package/src/helpers/getSplitStyles.tsx +2080 -3270
- package/src/helpers/grammarConfig.ts +218 -1
- package/src/helpers/insertStyleRule.tsx +4 -2
- package/src/helpers/log.ts +12 -11
- package/src/helpers/mergeVariants.ts +55 -18
- package/src/helpers/nativeOnlyProps.ts +0 -1
- package/src/helpers/nativeStyleEngine.ts +55 -14
- package/src/helpers/normalizeValueWithProperty.ts +10 -12
- package/src/helpers/parseBorderShorthand.native.ts +23 -45
- package/src/helpers/parseOutlineShorthand.native.ts +9 -40
- package/src/helpers/resolveSafeArea.ts +34 -101
- package/src/helpers/resolveVariantStyle.ts +77 -0
- package/src/helpers/styleFrontend.ts +8 -5
- package/src/helpers/styleStaticConfig.ts +5 -72
- package/src/helpers/styleStaticConfigCore.ts +110 -0
- package/src/helpers/styledDynamic.ts +191 -0
- package/src/helpers/tokenCategories.ts +40 -65
- package/src/helpers/variableValue.ts +20 -15
- package/src/helpers/warnOnce.ts +5 -4
- package/src/hooks/useAnimationDriver.ts +6 -2
- package/src/hooks/useComponentState.ts +55 -183
- package/src/hooks/useMedia.tsx +10 -8
- package/src/hooks/useStyle.ts +10 -0
- package/src/hooks/useThemeState.ts +51 -264
- package/src/index.ts +6 -6
- package/src/internalRuntimeTypes.ts +1 -0
- package/src/static-resolve.ts +7 -4
- package/src/style.ts +97 -0
- package/src/styled.tsx +39 -68
- package/src/types.tsx +105 -169
- package/src/views/TamaguiProvider.tsx +0 -2
- package/src/views/Text.tsx +20 -14
- package/src/views/Theme.tsx +13 -9
- package/src/views/ThemeDebug.tsx +0 -1
- package/types/createComponent.d.ts.map +1 -1
- package/types/createStyledHOC.d.ts +1 -1
- package/types/createStyledHOC.d.ts.map +1 -1
- package/types/createVariable.d.ts +0 -2
- package/types/createVariable.d.ts.map +1 -1
- package/types/helpers/borderComponents.d.ts +10 -0
- package/types/helpers/borderComponents.d.ts.map +1 -0
- package/types/helpers/createDesignSystem.d.ts.map +1 -1
- package/types/helpers/createStyledContext.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.d.ts +20 -19
- package/types/helpers/getCSSStylesAtomic.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.native.d.ts +5 -0
- package/types/helpers/getCSSStylesAtomic.native.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomicCompiled.d.ts +6 -1
- package/types/helpers/getCSSStylesAtomicCompiled.d.ts.map +1 -1
- package/types/helpers/getDynamicVal.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts +3 -5
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/grammarConfig.d.ts +25 -2
- package/types/helpers/grammarConfig.d.ts.map +1 -1
- package/types/helpers/insertStyleRule.d.ts +1 -0
- package/types/helpers/insertStyleRule.d.ts.map +1 -1
- package/types/helpers/log.d.ts.map +1 -1
- package/types/helpers/mergeVariants.d.ts.map +1 -1
- package/types/helpers/nativeOnlyProps.d.ts +0 -1
- package/types/helpers/nativeOnlyProps.d.ts.map +1 -1
- package/types/helpers/nativeStyleEngine.d.ts +6 -0
- package/types/helpers/nativeStyleEngine.d.ts.map +1 -1
- package/types/helpers/normalizeValueWithProperty.d.ts.map +1 -1
- package/types/helpers/parseBorderShorthand.native.d.ts +1 -0
- package/types/helpers/parseBorderShorthand.native.d.ts.map +1 -1
- package/types/helpers/parseOutlineShorthand.native.d.ts.map +1 -1
- package/types/helpers/resolveSafeArea.d.ts +0 -1
- package/types/helpers/resolveSafeArea.d.ts.map +1 -1
- package/types/helpers/resolveVariantStyle.d.ts +3 -0
- package/types/helpers/resolveVariantStyle.d.ts.map +1 -0
- package/types/helpers/styleFrontend.d.ts +3 -5
- package/types/helpers/styleFrontend.d.ts.map +1 -1
- package/types/helpers/styleStaticConfig.d.ts +4 -9
- package/types/helpers/styleStaticConfig.d.ts.map +1 -1
- package/types/helpers/styleStaticConfigCore.d.ts +4 -0
- package/types/helpers/styleStaticConfigCore.d.ts.map +1 -0
- package/types/helpers/styledDynamic.d.ts +18 -0
- package/types/helpers/styledDynamic.d.ts.map +1 -0
- package/types/helpers/tokenCategories.d.ts +0 -1
- package/types/helpers/tokenCategories.d.ts.map +1 -1
- package/types/helpers/variableValue.d.ts.map +1 -1
- package/types/helpers/warnOnce.d.ts.map +1 -1
- package/types/helpers/webPropsToSkip.native.d.ts +68 -68
- package/types/hooks/useAnimationDriver.d.ts.map +1 -1
- package/types/hooks/useComponentState.d.ts.map +1 -1
- package/types/hooks/useMedia.d.ts.map +1 -1
- package/types/hooks/useStyle.d.ts +4 -0
- package/types/hooks/useStyle.d.ts.map +1 -0
- package/types/hooks/useThemeState.d.ts +1 -11
- package/types/hooks/useThemeState.d.ts.map +1 -1
- package/types/index.d.ts +6 -4
- package/types/index.d.ts.map +1 -1
- package/types/internalRuntimeTypes.d.ts +1 -1
- package/types/internalRuntimeTypes.d.ts.map +1 -1
- package/types/static-resolve.d.ts.map +1 -1
- package/types/style.d.ts +18 -0
- package/types/style.d.ts.map +1 -0
- package/types/styled.d.ts +10 -10
- package/types/styled.d.ts.map +1 -1
- package/types/types.d.ts +74 -49
- package/types/types.d.ts.map +1 -1
- package/types/views/TamaguiProvider.d.ts +1 -1
- package/types/views/TamaguiProvider.d.ts.map +1 -1
- package/types/views/Text.d.ts.map +1 -1
- package/types/views/Theme.d.ts.map +1 -1
- package/types/views/ThemeDebug.d.ts.map +1 -1
- package/dist/cjs/helpers/directStyleCSS.cjs +0 -345
- package/dist/cjs/helpers/directStyleCSS.native.js.map +0 -1
- package/dist/cjs/helpers/directStyleCSSCompiled.cjs +0 -40
- package/dist/cjs/helpers/directStyleCSSCompiled.native.cjs +0 -46
- package/dist/cjs/helpers/directStyleCSSCompiled.native.js +0 -48
- package/dist/cjs/helpers/directStyleCSSCompiled.native.js.map +0 -1
- package/dist/cjs/helpers/getVariantExtras.cjs +0 -91
- package/dist/cjs/helpers/getVariantExtras.native.cjs +0 -94
- package/dist/cjs/helpers/getVariantExtras.native.js +0 -96
- package/dist/cjs/helpers/getVariantExtras.native.js.map +0 -1
- package/dist/cjs/helpers/variantResolvers.cjs +0 -87
- package/dist/cjs/helpers/variantResolvers.native.cjs +0 -140
- package/dist/cjs/helpers/variantResolvers.native.js +0 -142
- package/dist/cjs/helpers/variantResolvers.native.js.map +0 -1
- package/dist/esm/helpers/directStyleCSS.mjs +0 -317
- package/dist/esm/helpers/directStyleCSS.mjs.map +0 -1
- package/dist/esm/helpers/directStyleCSS.native.js +0 -1
- package/dist/esm/helpers/directStyleCSSCompiled.mjs +0 -11
- package/dist/esm/helpers/directStyleCSSCompiled.mjs.map +0 -1
- package/dist/esm/helpers/directStyleCSSCompiled.native.js +0 -15
- package/dist/esm/helpers/directStyleCSSCompiled.native.js.map +0 -1
- package/dist/esm/helpers/getVariantExtras.mjs +0 -69
- package/dist/esm/helpers/getVariantExtras.mjs.map +0 -1
- package/dist/esm/helpers/getVariantExtras.native.js +0 -70
- package/dist/esm/helpers/getVariantExtras.native.js.map +0 -1
- package/dist/esm/helpers/variantResolvers.mjs +0 -65
- package/dist/esm/helpers/variantResolvers.mjs.map +0 -1
- package/dist/esm/helpers/variantResolvers.native.js +0 -116
- package/dist/esm/helpers/variantResolvers.native.js.map +0 -1
- package/src/helpers/directStyleCSS.native.ts +0 -1
- package/src/helpers/directStyleCSS.ts +0 -513
- package/src/helpers/directStyleCSSCompiled.ts +0 -32
- package/src/helpers/getVariantExtras.tsx +0 -95
- package/src/helpers/variantResolvers.ts +0 -121
- package/types/helpers/directStyleCSS.d.ts +0 -28
- package/types/helpers/directStyleCSS.d.ts.map +0 -1
- package/types/helpers/directStyleCSS.native.d.ts +0 -2
- package/types/helpers/directStyleCSS.native.d.ts.map +0 -1
- package/types/helpers/directStyleCSSCompiled.d.ts +0 -10
- package/types/helpers/directStyleCSSCompiled.d.ts.map +0 -1
- package/types/helpers/getVariantExtras.d.ts +0 -4
- package/types/helpers/getVariantExtras.d.ts.map +0 -1
- package/types/helpers/variantResolvers.d.ts +0 -9
- package/types/helpers/variantResolvers.d.ts.map +0 -1
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
const lineStyles = /* @__PURE__ */ new Set([
|
|
2
|
+
"none",
|
|
3
|
+
"hidden",
|
|
4
|
+
"dotted",
|
|
5
|
+
"dashed",
|
|
6
|
+
"solid",
|
|
7
|
+
"double",
|
|
8
|
+
"groove",
|
|
9
|
+
"ridge",
|
|
10
|
+
"inset",
|
|
11
|
+
"outset"
|
|
12
|
+
]);
|
|
13
|
+
function splitComponents(value) {
|
|
14
|
+
return value.match(/(?:[^\s("']+|\((?:[^()]|\([^)]*\))*\)|"(?:\\.|[^"])*"|'(?:\\.|[^'])*')+/g) || [];
|
|
15
|
+
}
|
|
16
|
+
function startsValueFunction(value) {
|
|
17
|
+
return /^-?[a-z][a-z0-9-]*\(/i.test(value);
|
|
18
|
+
}
|
|
19
|
+
const colorFunction = /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color|color-mix|light-dark)\(/i;
|
|
20
|
+
function classifyBorderComponents(raw, allowAuto = false) {
|
|
21
|
+
const out = {};
|
|
22
|
+
for (const part of splitComponents(raw)) {
|
|
23
|
+
if (lineStyles.has(part) || allowAuto && part === "auto") {
|
|
24
|
+
out.style = part;
|
|
25
|
+
} else if (colorFunction.test(part)) {
|
|
26
|
+
out.color = part;
|
|
27
|
+
} else if (part === "thin" || part === "medium" || part === "thick" || /^[+-]?(?:\d+\.?\d*|\.\d+)(?:%|[a-z]+)?$/.test(part) || startsValueFunction(part)) {
|
|
28
|
+
out.width = part;
|
|
29
|
+
} else {
|
|
30
|
+
out.color = part;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
return out;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export { classifyBorderComponents, lineStyles, splitComponents, startsValueFunction };
|
|
37
|
+
//# sourceMappingURL=borderComponents.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borderComponents.js","names":[],"sources":["esm/helpers/borderComponents.js"],"sourcesContent":["const lineStyles = /* @__PURE__ */ new Set([\n \"none\",\n \"hidden\",\n \"dotted\",\n \"dashed\",\n \"solid\",\n \"double\",\n \"groove\",\n \"ridge\",\n \"inset\",\n \"outset\"\n]);\nfunction splitComponents(value) {\n return value.match(\n /(?:[^\\s(\"']+|\\((?:[^()]|\\([^)]*\\))*\\)|\"(?:\\\\.|[^\"])*\"|'(?:\\\\.|[^'])*')+/g\n ) || [];\n}\nfunction startsValueFunction(value) {\n return /^-?[a-z][a-z0-9-]*\\(/i.test(value);\n}\nconst colorFunction = /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color|color-mix|light-dark)\\(/i;\nfunction classifyBorderComponents(raw, allowAuto = false) {\n const out = {};\n for (const part of splitComponents(raw)) {\n if (lineStyles.has(part) || allowAuto && part === \"auto\") {\n out.style = part;\n } else if (colorFunction.test(part)) {\n out.color = part;\n } else if (part === \"thin\" || part === \"medium\" || part === \"thick\" || /^[+-]?(?:\\d+\\.?\\d*|\\.\\d+)(?:%|[a-z]+)?$/.test(part) || startsValueFunction(part)) {\n out.width = part;\n } else {\n out.color = part;\n }\n }\n return out;\n}\nexport {\n classifyBorderComponents,\n lineStyles,\n splitComponents,\n startsValueFunction\n};\n//# sourceMappingURL=borderComponents.js.map\n"],"mappings":";AAAA,MAAM,6BAA6B,IAAI,IAAI;CACzC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AACD,SAAS,gBAAgB,OAAO;CAC9B,OAAO,MAAM,MACX,0EACF,KAAK,CAAC;AACR;AACA,SAAS,oBAAoB,OAAO;CAClC,OAAO,wBAAwB,KAAK,KAAK;AAC3C;AACA,MAAM,gBAAgB;AACtB,SAAS,yBAAyB,KAAK,YAAY,OAAO;CACxD,MAAM,MAAM,CAAC;CACb,KAAK,MAAM,QAAQ,gBAAgB,GAAG,GAAG;EACvC,IAAI,WAAW,IAAI,IAAI,KAAK,aAAa,SAAS,QAAQ;GACxD,IAAI,QAAQ;EACd,OAAO,IAAI,cAAc,KAAK,IAAI,GAAG;GACnC,IAAI,QAAQ;EACd,OAAO,IAAI,SAAS,UAAU,SAAS,YAAY,SAAS,WAAW,0CAA0C,KAAK,IAAI,KAAK,oBAAoB,IAAI,GAAG;GACxJ,IAAI,QAAQ;EACd,OAAO;GACL,IAAI,QAAQ;EACd;CACF;CACA,OAAO;AACT"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
var lineStyles = /* @__PURE__ */ new Set([
|
|
2
|
+
"none",
|
|
3
|
+
"hidden",
|
|
4
|
+
"dotted",
|
|
5
|
+
"dashed",
|
|
6
|
+
"solid",
|
|
7
|
+
"double",
|
|
8
|
+
"groove",
|
|
9
|
+
"ridge",
|
|
10
|
+
"inset",
|
|
11
|
+
"outset"
|
|
12
|
+
]);
|
|
13
|
+
function splitComponents(value) {
|
|
14
|
+
return value.match(/(?:[^\s("']+|\((?:[^()]|\([^)]*\))*\)|"(?:\\.|[^"])*"|'(?:\\.|[^'])*')+/g) || [];
|
|
15
|
+
}
|
|
16
|
+
function startsValueFunction(value) {
|
|
17
|
+
return /^-?[a-z][a-z0-9-]*\(/i.test(value);
|
|
18
|
+
}
|
|
19
|
+
var colorFunction = /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color|color-mix|light-dark)\(/i;
|
|
20
|
+
function classifyBorderComponents(raw) {
|
|
21
|
+
var allowAuto = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
|
|
22
|
+
var out = {};
|
|
23
|
+
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
|
|
24
|
+
try {
|
|
25
|
+
for (var _iterator = splitComponents(raw)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
26
|
+
var part = _step.value;
|
|
27
|
+
if (lineStyles.has(part) || allowAuto && part === "auto") {
|
|
28
|
+
out.style = part;
|
|
29
|
+
} else if (colorFunction.test(part)) {
|
|
30
|
+
out.color = part;
|
|
31
|
+
} else if (part === "thin" || part === "medium" || part === "thick" || /^[+-]?(?:\d+\.?\d*|\.\d+)(?:%|[a-z]+)?$/.test(part) || startsValueFunction(part)) {
|
|
32
|
+
out.width = part;
|
|
33
|
+
} else {
|
|
34
|
+
out.color = part;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
} catch (err) {
|
|
38
|
+
_didIteratorError = true;
|
|
39
|
+
_iteratorError = err;
|
|
40
|
+
} finally {
|
|
41
|
+
try {
|
|
42
|
+
if (!_iteratorNormalCompletion && _iterator.return != null) {
|
|
43
|
+
_iterator.return();
|
|
44
|
+
}
|
|
45
|
+
} finally {
|
|
46
|
+
if (_didIteratorError) {
|
|
47
|
+
throw _iteratorError;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return out;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export { classifyBorderComponents, lineStyles, splitComponents, startsValueFunction };
|
|
55
|
+
//# sourceMappingURL=borderComponents.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"borderComponents.native.js","names":[],"sources":["esm/helpers/borderComponents.native.js"],"sourcesContent":["var lineStyles = /* @__PURE__ */ new Set([\n \"none\",\n \"hidden\",\n \"dotted\",\n \"dashed\",\n \"solid\",\n \"double\",\n \"groove\",\n \"ridge\",\n \"inset\",\n \"outset\"\n]);\nfunction splitComponents(value) {\n return value.match(/(?:[^\\s(\"']+|\\((?:[^()]|\\([^)]*\\))*\\)|\"(?:\\\\.|[^\"])*\"|'(?:\\\\.|[^'])*')+/g) || [];\n}\nfunction startsValueFunction(value) {\n return /^-?[a-z][a-z0-9-]*\\(/i.test(value);\n}\nvar colorFunction = /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color|color-mix|light-dark)\\(/i;\nfunction classifyBorderComponents(raw) {\n var allowAuto = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;\n var out = {};\n var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n try {\n for (var _iterator = splitComponents(raw)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var part = _step.value;\n if (lineStyles.has(part) || allowAuto && part === \"auto\") {\n out.style = part;\n } else if (colorFunction.test(part)) {\n out.color = part;\n } else if (part === \"thin\" || part === \"medium\" || part === \"thick\" || /^[+-]?(?:\\d+\\.?\\d*|\\.\\d+)(?:%|[a-z]+)?$/.test(part) || startsValueFunction(part)) {\n out.width = part;\n } else {\n out.color = part;\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return != null) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n return out;\n}\nexport {\n classifyBorderComponents,\n lineStyles,\n splitComponents,\n startsValueFunction\n};\n//# sourceMappingURL=borderComponents.js.map\n"],"mappings":";AAAA,IAAI,6BAA6B,IAAI,IAAI;CACvC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AACD,SAAS,gBAAgB,OAAO;CAC9B,OAAO,MAAM,MAAM,0EAA0E,KAAK,CAAC;AACrG;AACA,SAAS,oBAAoB,OAAO;CAClC,OAAO,wBAAwB,KAAK,KAAK;AAC3C;AACA,IAAI,gBAAgB;AACpB,SAAS,yBAAyB,KAAK;CACrC,IAAI,YAAY,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CACjF,IAAI,MAAM,CAAC;CACX,IAAI,4BAA4B,MAAM,oBAAoB,OAAO,iBAAiB,KAAK;CACvF,IAAI;EACF,KAAK,IAAI,YAAY,gBAAgB,GAAG,CAAC,CAAC,OAAO,SAAS,CAAC,GAAG,OAAO,EAAE,6BAA6B,QAAQ,UAAU,KAAK,EAAC,CAAE,OAAO,4BAA4B,MAAM;GACrK,IAAI,OAAO,MAAM;GACjB,IAAI,WAAW,IAAI,IAAI,KAAK,aAAa,SAAS,QAAQ;IACxD,IAAI,QAAQ;GACd,OAAO,IAAI,cAAc,KAAK,IAAI,GAAG;IACnC,IAAI,QAAQ;GACd,OAAO,IAAI,SAAS,UAAU,SAAS,YAAY,SAAS,WAAW,0CAA0C,KAAK,IAAI,KAAK,oBAAoB,IAAI,GAAG;IACxJ,IAAI,QAAQ;GACd,OAAO;IACL,IAAI,QAAQ;GACd;EACF;CACF,SAAS,KAAK;EACZ,oBAAoB;EACpB,iBAAiB;CACnB,UAAU;EACR,IAAI;GACF,IAAI,CAAC,6BAA6B,UAAU,UAAU,MAAM;IAC1D,UAAU,OAAO;GACnB;EACF,UAAU;GACR,IAAI,mBAAmB;IACrB,MAAM;GACR;EACF;CACF;CACA,OAAO;AACT"}
|
|
@@ -113,8 +113,6 @@ const getStaticCSS = (themeConfig, separator, withThemes, state) => {
|
|
|
113
113
|
@scope (.is_Text) to (.is_View) { :where(.is_Text) { white-space: inherit; word-wrap: inherit; } }
|
|
114
114
|
._dsp_contents {display:contents;}
|
|
115
115
|
._no_backdrop::backdrop {display: none;}
|
|
116
|
-
.is_Input::selection, .is_TextArea::selection {background-color: var(--t_selectionColor);}
|
|
117
|
-
.is_Input::placeholder, .is_TextArea::placeholder {color: var(--t_placeholderColor);}
|
|
118
116
|
:root ._pe-boxonly>* {pointer-events:none;}
|
|
119
117
|
:root ._pe-boxnone>* {pointer-events:auto;}
|
|
120
118
|
._hsb-x::-webkit-scrollbar:horizontal { display: none !important; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDesignSystem.js","names":[],"sources":["esm/helpers/createDesignSystem.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport { getAutoVariableCSS, getVariableGeneration, registerCSSVariable, variableToCSS } from \"./registerCSSVariable\";\nimport { getConfigMaybe } from \"../config\";\nimport { getThemeCSSRules } from \"./getThemeCSSRules\";\nimport { getAllRules, wrapStyleRules } from \"./insertStyleRule\";\n\nfunction createTokenCSS(tokens, shouldTokenCategoryHaveUnits) {\n\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) {\n\t\tconst declarations = [];\n\t\tconst sortedTokenKeys = Object.keys(tokens).sort();\n\t\tfor (const key of sortedTokenKeys) {\n\t\t\tconst sortedSubKeys = Object.keys(tokens[key]).sort();\n\t\t\tfor (const skey of sortedSubKeys) {\n\t\t\t\tconst variable = tokens[key][skey];\n\t\t\t\tif (isWeb) {\n\t\t\t\t\tregisterCSSVariable(variable);\n\t\t\t\t\tconst variableNeedsPx = variable.needsPx === true;\n\t\t\t\t\tconst categoryNeedsPx = shouldTokenCategoryHaveUnits(key);\n\t\t\t\t\tconst shouldBeUnitless = !(variableNeedsPx || categoryNeedsPx);\n\t\t\t\t\tdeclarations.push(variableToCSS(variable, shouldBeUnitless));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn declarations;\n\t}\n\treturn [];\n}\nfunction createFontCSS(fontsParsed, registerFontVariables) {\n\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) {\n\t\tconst fontDeclarations = {};\n\t\tif (!fontsParsed) return fontDeclarations;\n\t\tconst sortedFontKeys = Object.keys(fontsParsed).sort();\n\t\tfor (const key of sortedFontKeys) {\n\t\t\tconst fontParsed = fontsParsed[key];\n\t\t\tconst [name, language] = key.includes(\"_\") ? key.split(\"_\") : [key];\n\t\t\tfontDeclarations[key] = {\n\t\t\t\tname,\n\t\t\t\tdeclarations: registerFontVariables(fontParsed),\n\t\t\t\tlanguage,\n\t\t\t\tfontParsed\n\t\t\t};\n\t\t}\n\t\treturn fontDeclarations;\n\t}\n\treturn {};\n}\nfunction buildCSSRuleSets(declarations, fontDeclarations, defaultFontToken = \"\") {\n\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) {\n\t\tlet declarationsToRuleSet = function(decs, selector = \"\") {\n\t\t\treturn `:root${selector} {${sep}${[...decs].join(`;${sep}`)}\n}`;\n\t\t};\n\t\tconst cssRuleSets = [];\n\t\tconst sep = \" \";\n\t\tif (declarations.length) cssRuleSets.push(declarationsToRuleSet(declarations));\n\t\tconst fontSelectors = [];\n\t\tconst sortedFontDeclarationKeys = Object.keys(fontDeclarations).sort();\n\t\tfor (const key of sortedFontDeclarationKeys) {\n\t\t\tconst { name, declarations: declarations2, language = \"default\" } = fontDeclarations[key];\n\t\t\tconst fontSelector = `.font_${name}`;\n\t\t\tfontSelectors.push(fontSelector);\n\t\t\tconst langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;\n\t\t\tconst specificRuleSet = declarationsToRuleSet(declarations2, language === \"default\" ? ` ${fontSelector}, ${langSelector}` : langSelector);\n\t\t\tcssRuleSets.push(specificRuleSet);\n\t\t}\n\t\tif (fontSelectors.length) {\n\t\t\tif (fontDeclarations[defaultFontToken]?.fontParsed) {\n\t\t\t\tconst sharedSelectors = `:where(${[...fontSelectors, \".is_View\"].join(\", \")})`;\n\t\t\t\tcssRuleSets.push(`${sharedSelectors} {font-family: var(--f-family)}`);\n\t\t\t}\n\t\t}\n\t\treturn cssRuleSets;\n\t}\n\treturn [];\n}\nfunction createThemeCSS(dedupedThemes, configIn) {\n\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) {\n\t\tlet themeRuleSets = [];\n\t\tif (isWeb) for (const { names, theme } of dedupedThemes) {\n\t\t\tconst nextRules = getThemeCSSRules({\n\t\t\t\tconfig: configIn,\n\t\t\t\tthemeName: names[0],\n\t\t\t\tnames,\n\t\t\t\ttheme\n\t\t\t});\n\t\t\tthemeRuleSets = [...themeRuleSets, ...nextRules];\n\t\t}\n\t\treturn themeRuleSets;\n\t}\n\treturn [];\n}\nconst MAX_STATIC_SHAPES = 8;\nconst getStaticCSS = (themeConfig, separator, withThemes, state) => {\n\tconst key = withThemes ? separator : `\\0${separator}`;\n\tconst config = getConfigMaybe();\n\tlet cached = state.static;\n\tif (!cached || cached.generation !== getVariableGeneration() || cached.config !== config) {\n\t\tcached = {\n\t\t\tgeneration: getVariableGeneration(),\n\t\t\tconfig,\n\t\t\tbyKey: /* @__PURE__ */ new Map()\n\t\t};\n\t\tstate.static = cached;\n\t}\n\tconst hit = cached.byKey.get(key);\n\tif (hit !== void 0) return hit;\n\tconst themeRules = withThemes ? themeConfig.getThemeRulesSets().join(separator) : \"\";\n\tconst autoVariableCSS = getAutoVariableCSS();\n\tconst css = `${`._ovs-contain {overscroll-behavior:contain;}\n.t_unmounted .is_View, .t_unmounted .is_Text { transition: none !important; }\n:where(.is_View) { display: flex; align-items: stretch; flex-direction: column; flex-basis: auto; box-sizing: border-box; min-height: 0; min-width: 0; flex-shrink: 0; }\n:where(.is_Text) { display: inline; box-sizing: border-box; word-wrap: break-word; white-space: pre-wrap; margin: 0; }\n@scope (.is_Text) to (.is_View) { :where(.is_Text) { white-space: inherit; word-wrap: inherit; } }\n._dsp_contents {display:contents;}\n._no_backdrop::backdrop {display: none;}\n
|
|
1
|
+
{"version":3,"file":"createDesignSystem.js","names":[],"sources":["esm/helpers/createDesignSystem.js"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport { getAutoVariableCSS, getVariableGeneration, registerCSSVariable, variableToCSS } from \"./registerCSSVariable\";\nimport { getConfigMaybe } from \"../config\";\nimport { getThemeCSSRules } from \"./getThemeCSSRules\";\nimport { getAllRules, wrapStyleRules } from \"./insertStyleRule\";\n\nfunction createTokenCSS(tokens, shouldTokenCategoryHaveUnits) {\n\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) {\n\t\tconst declarations = [];\n\t\tconst sortedTokenKeys = Object.keys(tokens).sort();\n\t\tfor (const key of sortedTokenKeys) {\n\t\t\tconst sortedSubKeys = Object.keys(tokens[key]).sort();\n\t\t\tfor (const skey of sortedSubKeys) {\n\t\t\t\tconst variable = tokens[key][skey];\n\t\t\t\tif (isWeb) {\n\t\t\t\t\tregisterCSSVariable(variable);\n\t\t\t\t\tconst variableNeedsPx = variable.needsPx === true;\n\t\t\t\t\tconst categoryNeedsPx = shouldTokenCategoryHaveUnits(key);\n\t\t\t\t\tconst shouldBeUnitless = !(variableNeedsPx || categoryNeedsPx);\n\t\t\t\t\tdeclarations.push(variableToCSS(variable, shouldBeUnitless));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn declarations;\n\t}\n\treturn [];\n}\nfunction createFontCSS(fontsParsed, registerFontVariables) {\n\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) {\n\t\tconst fontDeclarations = {};\n\t\tif (!fontsParsed) return fontDeclarations;\n\t\tconst sortedFontKeys = Object.keys(fontsParsed).sort();\n\t\tfor (const key of sortedFontKeys) {\n\t\t\tconst fontParsed = fontsParsed[key];\n\t\t\tconst [name, language] = key.includes(\"_\") ? key.split(\"_\") : [key];\n\t\t\tfontDeclarations[key] = {\n\t\t\t\tname,\n\t\t\t\tdeclarations: registerFontVariables(fontParsed),\n\t\t\t\tlanguage,\n\t\t\t\tfontParsed\n\t\t\t};\n\t\t}\n\t\treturn fontDeclarations;\n\t}\n\treturn {};\n}\nfunction buildCSSRuleSets(declarations, fontDeclarations, defaultFontToken = \"\") {\n\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) {\n\t\tlet declarationsToRuleSet = function(decs, selector = \"\") {\n\t\t\treturn `:root${selector} {${sep}${[...decs].join(`;${sep}`)}\n}`;\n\t\t};\n\t\tconst cssRuleSets = [];\n\t\tconst sep = \" \";\n\t\tif (declarations.length) cssRuleSets.push(declarationsToRuleSet(declarations));\n\t\tconst fontSelectors = [];\n\t\tconst sortedFontDeclarationKeys = Object.keys(fontDeclarations).sort();\n\t\tfor (const key of sortedFontDeclarationKeys) {\n\t\t\tconst { name, declarations: declarations2, language = \"default\" } = fontDeclarations[key];\n\t\t\tconst fontSelector = `.font_${name}`;\n\t\t\tfontSelectors.push(fontSelector);\n\t\t\tconst langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;\n\t\t\tconst specificRuleSet = declarationsToRuleSet(declarations2, language === \"default\" ? ` ${fontSelector}, ${langSelector}` : langSelector);\n\t\t\tcssRuleSets.push(specificRuleSet);\n\t\t}\n\t\tif (fontSelectors.length) {\n\t\t\tif (fontDeclarations[defaultFontToken]?.fontParsed) {\n\t\t\t\tconst sharedSelectors = `:where(${[...fontSelectors, \".is_View\"].join(\", \")})`;\n\t\t\t\tcssRuleSets.push(`${sharedSelectors} {font-family: var(--f-family)}`);\n\t\t\t}\n\t\t}\n\t\treturn cssRuleSets;\n\t}\n\treturn [];\n}\nfunction createThemeCSS(dedupedThemes, configIn) {\n\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) {\n\t\tlet themeRuleSets = [];\n\t\tif (isWeb) for (const { names, theme } of dedupedThemes) {\n\t\t\tconst nextRules = getThemeCSSRules({\n\t\t\t\tconfig: configIn,\n\t\t\t\tthemeName: names[0],\n\t\t\t\tnames,\n\t\t\t\ttheme\n\t\t\t});\n\t\t\tthemeRuleSets = [...themeRuleSets, ...nextRules];\n\t\t}\n\t\treturn themeRuleSets;\n\t}\n\treturn [];\n}\nconst MAX_STATIC_SHAPES = 8;\nconst getStaticCSS = (themeConfig, separator, withThemes, state) => {\n\tconst key = withThemes ? separator : `\\0${separator}`;\n\tconst config = getConfigMaybe();\n\tlet cached = state.static;\n\tif (!cached || cached.generation !== getVariableGeneration() || cached.config !== config) {\n\t\tcached = {\n\t\t\tgeneration: getVariableGeneration(),\n\t\t\tconfig,\n\t\t\tbyKey: /* @__PURE__ */ new Map()\n\t\t};\n\t\tstate.static = cached;\n\t}\n\tconst hit = cached.byKey.get(key);\n\tif (hit !== void 0) return hit;\n\tconst themeRules = withThemes ? themeConfig.getThemeRulesSets().join(separator) : \"\";\n\tconst autoVariableCSS = getAutoVariableCSS();\n\tconst css = `${`._ovs-contain {overscroll-behavior:contain;}\n.t_unmounted .is_View, .t_unmounted .is_Text { transition: none !important; }\n:where(.is_View) { display: flex; align-items: stretch; flex-direction: column; flex-basis: auto; box-sizing: border-box; min-height: 0; min-width: 0; flex-shrink: 0; }\n:where(.is_Text) { display: inline; box-sizing: border-box; word-wrap: break-word; white-space: pre-wrap; margin: 0; }\n@scope (.is_Text) to (.is_View) { :where(.is_Text) { white-space: inherit; word-wrap: inherit; } }\n._dsp_contents {display:contents;}\n._no_backdrop::backdrop {display: none;}\n:root ._pe-boxonly>* {pointer-events:none;}\n:root ._pe-boxnone>* {pointer-events:auto;}\n._hsb-x::-webkit-scrollbar:horizontal { display: none !important; }\n._hsb-y::-webkit-scrollbar:vertical { display: none !important; }\n._hsb-x { scrollbar-width: none !important; }\n._hsb-y { scrollbar-width: none !important; }\n${autoVariableCSS ? `:root{${autoVariableCSS}}` : \"\"}\n${themeConfig.cssRuleSets.join(separator)}`}\n${themeRules}\n`;\n\tif (cached.generation !== getVariableGeneration()) {\n\t\tcached = {\n\t\t\tgeneration: getVariableGeneration(),\n\t\t\tconfig,\n\t\t\tbyKey: /* @__PURE__ */ new Map()\n\t\t};\n\t\tstate.static = cached;\n\t}\n\tif (cached.byKey.size >= MAX_STATIC_SHAPES) cached.byKey.clear();\n\tcached.byKey.set(key, css);\n\treturn css;\n};\nfunction getCSS(themeConfig, opts = {}, state) {\n\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS && true) {\n\t\tconst { separator = \"\\n\", sinceLastCall, exclude } = opts;\n\t\tif (sinceLastCall && state.lastIndex >= 0) {\n\t\t\tconst rules = getAllRules();\n\t\t\tconst newRules = rules.slice(state.lastIndex);\n\t\t\tstate.lastIndex = rules.length;\n\t\t\treturn wrapStyleRules(newRules.join(separator));\n\t\t}\n\t\tstate.lastIndex = 0;\n\t\tconst runtimeStyles = getAllRules().join(separator);\n\t\tif (exclude === \"design-system\") return wrapStyleRules(runtimeStyles);\n\t\treturn wrapStyleRules(`${getStaticCSS(themeConfig, separator, !exclude, state)}${runtimeStyles}`);\n\t}\n\treturn \"\";\n}\n\nexport { buildCSSRuleSets, createFontCSS, createThemeCSS, createTokenCSS, getCSS };"],"mappings":";;;;;;;AAMA,SAAS,eAAe,QAAQ,8BAA8B;CAC7D,IAAI,CAAC,QAAQ,IAAI,wBAAwB;EACxC,MAAM,eAAe,CAAC;EACtB,MAAM,kBAAkB,OAAO,KAAK,MAAM,CAAC,CAAC,KAAK;EACjD,KAAK,MAAM,OAAO,iBAAiB;GAClC,MAAM,gBAAgB,OAAO,KAAK,OAAO,IAAI,CAAC,CAAC,KAAK;GACpD,KAAK,MAAM,QAAQ,eAAe;IACjC,MAAM,WAAW,OAAO,IAAI,CAAC;IAC7B,IAAI,OAAO;KACV,oBAAoB,QAAQ;KAC5B,MAAM,kBAAkB,SAAS,YAAY;KAC7C,MAAM,kBAAkB,6BAA6B,GAAG;KACxD,MAAM,mBAAmB,EAAE,mBAAmB;KAC9C,aAAa,KAAK,cAAc,UAAU,gBAAgB,CAAC;IAC5D;GACD;EACD;EACA,OAAO;CACR;CACA,OAAO,CAAC;AACT;AACA,SAAS,cAAc,aAAa,uBAAuB;CAC1D,IAAI,CAAC,QAAQ,IAAI,wBAAwB;EACxC,MAAM,mBAAmB,CAAC;EAC1B,IAAI,CAAC,aAAa,OAAO;EACzB,MAAM,iBAAiB,OAAO,KAAK,WAAW,CAAC,CAAC,KAAK;EACrD,KAAK,MAAM,OAAO,gBAAgB;GACjC,MAAM,aAAa,YAAY;GAC/B,MAAM,CAAC,MAAM,YAAY,IAAI,SAAS,GAAG,IAAI,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG;GAClE,iBAAiB,OAAO;IACvB;IACA,cAAc,sBAAsB,UAAU;IAC9C;IACA;GACD;EACD;EACA,OAAO;CACR;CACA,OAAO,CAAC;AACT;AACA,SAAS,iBAAiB,cAAc,kBAAkB,mBAAmB,IAAI;CAChF,IAAI,CAAC,QAAQ,IAAI,wBAAwB;EACxC,IAAI,wBAAwB,SAAS,MAAM,WAAW,IAAI;GACzD,OAAO,QAAQ,SAAS,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,KAAK,IAAI,KAAK,EAAE;;EAE7D;EACA,MAAM,cAAc,CAAC;EACrB,MAAM,MAAM;EACZ,IAAI,aAAa,QAAQ,YAAY,KAAK,sBAAsB,YAAY,CAAC;EAC7E,MAAM,gBAAgB,CAAC;EACvB,MAAM,4BAA4B,OAAO,KAAK,gBAAgB,CAAC,CAAC,KAAK;EACrE,KAAK,MAAM,OAAO,2BAA2B;GAC5C,MAAM,EAAE,MAAM,cAAc,eAAe,WAAW,cAAc,iBAAiB;GACrF,MAAM,eAAe,SAAS;GAC9B,cAAc,KAAK,YAAY;GAC/B,MAAM,eAAe,iBAAiB,KAAK,GAAG,SAAS,GAAG;GAC1D,MAAM,kBAAkB,sBAAsB,eAAe,aAAa,YAAY,IAAI,aAAa,IAAI,iBAAiB,YAAY;GACxI,YAAY,KAAK,eAAe;EACjC;EACA,IAAI,cAAc,QAAQ;GACzB,IAAI,iBAAiB,iBAAiB,EAAE,YAAY;IACnD,MAAM,kBAAkB,UAAU,CAAC,GAAG,eAAe,UAAU,CAAC,CAAC,KAAK,IAAI,EAAE;IAC5E,YAAY,KAAK,GAAG,gBAAgB,gCAAgC;GACrE;EACD;EACA,OAAO;CACR;CACA,OAAO,CAAC;AACT;AACA,SAAS,eAAe,eAAe,UAAU;CAChD,IAAI,CAAC,QAAQ,IAAI,wBAAwB;EACxC,IAAI,gBAAgB,CAAC;EACrB,IAAI,OAAO,KAAK,MAAM,EAAE,OAAO,WAAW,eAAe;GACxD,MAAM,YAAY,iBAAiB;IAClC,QAAQ;IACR,WAAW,MAAM;IACjB;IACA;GACD,CAAC;GACD,gBAAgB,CAAC,GAAG,eAAe,GAAG,SAAS;EAChD;EACA,OAAO;CACR;CACA,OAAO,CAAC;AACT;AACA,MAAM,oBAAoB;AAC1B,MAAM,gBAAgB,aAAa,WAAW,YAAY,UAAU;CACnE,MAAM,MAAM,aAAa,YAAY,KAAK;CAC1C,MAAM,SAAS,eAAe;CAC9B,IAAI,SAAS,MAAM;CACnB,IAAI,CAAC,UAAU,OAAO,eAAe,sBAAsB,KAAK,OAAO,WAAW,QAAQ;EACzF,SAAS;GACR,YAAY,sBAAsB;GAClC;GACA,uBAAuB,IAAI,IAAI;EAChC;EACA,MAAM,SAAS;CAChB;CACA,MAAM,MAAM,OAAO,MAAM,IAAI,GAAG;CAChC,IAAI,QAAQ,KAAK,GAAG,OAAO;CAC3B,MAAM,aAAa,aAAa,YAAY,kBAAkB,CAAC,CAAC,KAAK,SAAS,IAAI;CAClF,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,MAAM,GAAG;;;;;;;;;;;;;EAad,kBAAkB,SAAS,gBAAgB,KAAK,GAAG;EACnD,YAAY,YAAY,KAAK,SAAS,IAAI;EAC1C,WAAW;;CAEZ,IAAI,OAAO,eAAe,sBAAsB,GAAG;EAClD,SAAS;GACR,YAAY,sBAAsB;GAClC;GACA,uBAAuB,IAAI,IAAI;EAChC;EACA,MAAM,SAAS;CAChB;CACA,IAAI,OAAO,MAAM,QAAQ,mBAAmB,OAAO,MAAM,MAAM;CAC/D,OAAO,MAAM,IAAI,KAAK,GAAG;CACzB,OAAO;AACR;AACA,SAAS,OAAO,aAAa,OAAO,CAAC,GAAG,OAAO;CAC9C,IAAI,CAAC,QAAQ,IAAI,0BAA0B,MAAM;EAChD,MAAM,EAAE,YAAY,MAAM,eAAe,YAAY;EACrD,IAAI,iBAAiB,MAAM,aAAa,GAAG;GAC1C,MAAM,QAAQ,YAAY;GAC1B,MAAM,WAAW,MAAM,MAAM,MAAM,SAAS;GAC5C,MAAM,YAAY,MAAM;GACxB,OAAO,eAAe,SAAS,KAAK,SAAS,CAAC;EAC/C;EACA,MAAM,YAAY;EAClB,MAAM,gBAAgB,YAAY,CAAC,CAAC,KAAK,SAAS;EAClD,IAAI,YAAY,iBAAiB,OAAO,eAAe,aAAa;EACpE,OAAO,eAAe,GAAG,aAAa,aAAa,WAAW,CAAC,SAAS,KAAK,IAAI,eAAe;CACjG;CACA,OAAO;AACR"}
|
|
@@ -6,20 +6,18 @@ import { jsx } from "react/jsx-runtime";
|
|
|
6
6
|
|
|
7
7
|
const createStyledContext = ((defaultValues, namespaceOrOptions = "") => {
|
|
8
8
|
"use no memo";
|
|
9
|
-
const createReactContext = React[Math.random() ? "createContext" : "createContext"];
|
|
10
|
-
const useReactMemo = React[Math.random() ? "useMemo" : "useMemo"];
|
|
11
|
-
const useReactContext = React[Math.random() ? "useContext" : "useContext"];
|
|
12
9
|
const namespace = typeof namespaceOrOptions === "string" ? namespaceOrOptions : namespaceOrOptions.namespace || "";
|
|
13
|
-
const
|
|
14
|
-
const
|
|
10
|
+
const defaultKeys = isPlainObject(defaultValues) ? Object.keys(defaultValues) : void 0;
|
|
11
|
+
const propKeys = typeof namespaceOrOptions === "object" && namespaceOrOptions.keys ? namespaceOrOptions.keys : defaultKeys;
|
|
12
|
+
const OGContext = React.createContext(defaultValues);
|
|
15
13
|
const OGProvider = OGContext.Provider;
|
|
16
14
|
const Context = OGContext;
|
|
17
15
|
const scopedContexts = /* @__PURE__ */ new Map();
|
|
18
|
-
const LastScopeInNamespace =
|
|
16
|
+
const LastScopeInNamespace = React.createContext(namespace);
|
|
19
17
|
function getOrCreateScopedContext(scope) {
|
|
20
18
|
let ScopedContext = scopedContexts.get(scope);
|
|
21
19
|
if (!ScopedContext) {
|
|
22
|
-
ScopedContext =
|
|
20
|
+
ScopedContext = React.createContext(defaultValues);
|
|
23
21
|
scopedContexts.set(scope, ScopedContext);
|
|
24
22
|
}
|
|
25
23
|
return ScopedContext;
|
|
@@ -27,16 +25,11 @@ const createStyledContext = ((defaultValues, namespaceOrOptions = "") => {
|
|
|
27
25
|
const getNamespacedScope = (scope) => namespace ? `${namespace}--${scope}` : scope;
|
|
28
26
|
const Provider = ({ children, scope: scopeIn, __disableMergeDefaultValues, ...values }) => {
|
|
29
27
|
const scope = getNamespacedScope(scopeIn);
|
|
30
|
-
const next =
|
|
31
|
-
if (__disableMergeDefaultValues)
|
|
32
|
-
return values;
|
|
33
|
-
}
|
|
28
|
+
const next = React.useMemo(() => {
|
|
29
|
+
if (__disableMergeDefaultValues) return values;
|
|
34
30
|
return mergeProps(defaultValues || {}, values);
|
|
35
31
|
}, [objectIdentityKey(values)]);
|
|
36
|
-
|
|
37
|
-
if (scope) {
|
|
38
|
-
ScopedProvider = getOrCreateScopedContext(scope).Provider;
|
|
39
|
-
}
|
|
32
|
+
const ScopedProvider = scope ? getOrCreateScopedContext(scope).Provider : OGProvider;
|
|
40
33
|
return /* @__PURE__ */ jsx(LastScopeInNamespace.Provider, {
|
|
41
34
|
value: scope,
|
|
42
35
|
children: /* @__PURE__ */ jsx(ScopedProvider, {
|
|
@@ -46,11 +39,10 @@ const createStyledContext = ((defaultValues, namespaceOrOptions = "") => {
|
|
|
46
39
|
});
|
|
47
40
|
};
|
|
48
41
|
const useStyledContext = (scopeIn = "") => {
|
|
49
|
-
const lastScopeInNamespace =
|
|
42
|
+
const lastScopeInNamespace = React.useContext(LastScopeInNamespace);
|
|
50
43
|
const scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn;
|
|
51
44
|
const context = scope ? getOrCreateScopedContext(scope) : OGContext;
|
|
52
|
-
|
|
53
|
-
return value;
|
|
45
|
+
return React.useContext(context);
|
|
54
46
|
};
|
|
55
47
|
Context.Provider = Provider;
|
|
56
48
|
Context.props = defaultValues;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createStyledContext.js","names":[],"sources":["esm/helpers/createStyledContext.js"],"sourcesContent":["import React from \"react\";\nimport { isPlainObject } from \"./isObj\";\nimport { mergeProps } from \"./mergeProps\";\nimport { objectIdentityKey } from \"./objectIdentityKey\";\nimport { jsx } from \"react/jsx-runtime\";\nconst createStyledContext = ((defaultValues, namespaceOrOptions = \"\") => {\n \"use no memo\";\n const
|
|
1
|
+
{"version":3,"file":"createStyledContext.js","names":[],"sources":["esm/helpers/createStyledContext.js"],"sourcesContent":["import React from \"react\";\nimport { isPlainObject } from \"./isObj\";\nimport { mergeProps } from \"./mergeProps\";\nimport { objectIdentityKey } from \"./objectIdentityKey\";\nimport { jsx } from \"react/jsx-runtime\";\nconst createStyledContext = ((defaultValues, namespaceOrOptions = \"\") => {\n \"use no memo\";\n const namespace = typeof namespaceOrOptions === \"string\" ? namespaceOrOptions : namespaceOrOptions.namespace || \"\";\n const defaultKeys = isPlainObject(defaultValues) ? Object.keys(defaultValues) : void 0;\n const propKeys = typeof namespaceOrOptions === \"object\" && namespaceOrOptions.keys ? namespaceOrOptions.keys : defaultKeys;\n const OGContext = React.createContext(defaultValues);\n const OGProvider = OGContext.Provider;\n const Context = OGContext;\n const scopedContexts = /* @__PURE__ */ new Map();\n const LastScopeInNamespace = React.createContext(namespace);\n function getOrCreateScopedContext(scope) {\n let ScopedContext = scopedContexts.get(scope);\n if (!ScopedContext) {\n ScopedContext = React.createContext(defaultValues);\n scopedContexts.set(scope, ScopedContext);\n }\n return ScopedContext;\n }\n const getNamespacedScope = (scope) => namespace ? `${namespace}--${scope}` : scope;\n const Provider = ({\n children,\n scope: scopeIn,\n __disableMergeDefaultValues,\n ...values\n }) => {\n const scope = getNamespacedScope(scopeIn);\n const next = React.useMemo(() => {\n if (__disableMergeDefaultValues) return values;\n return mergeProps(defaultValues || {}, values);\n }, [objectIdentityKey(values)]);\n const ScopedProvider = scope ? getOrCreateScopedContext(scope).Provider : OGProvider;\n return /* @__PURE__ */ jsx(LastScopeInNamespace.Provider, { value: scope, children: /* @__PURE__ */ jsx(ScopedProvider, { value: next, children }) });\n };\n const useStyledContext = (scopeIn = \"\") => {\n const lastScopeInNamespace = React.useContext(LastScopeInNamespace);\n const scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn;\n const context = scope ? getOrCreateScopedContext(scope) : OGContext;\n return React.useContext(context);\n };\n Context.Provider = Provider;\n Context.props = defaultValues;\n Context.propKeys = propKeys;\n Context.context = OGContext;\n Context.useStyledContext = useStyledContext;\n return Context;\n});\nexport {\n createStyledContext\n};\n//# sourceMappingURL=createStyledContext.js.map\n"],"mappings":";;;;;;;AAKA,MAAM,wBAAwB,eAAe,qBAAqB,OAAO;CACvE;CACA,MAAM,YAAY,OAAO,uBAAuB,WAAW,qBAAqB,mBAAmB,aAAa;CAChH,MAAM,cAAc,cAAc,aAAa,IAAI,OAAO,KAAK,aAAa,IAAI,KAAK;CACrF,MAAM,WAAW,OAAO,uBAAuB,YAAY,mBAAmB,OAAO,mBAAmB,OAAO;CAC/G,MAAM,YAAY,MAAM,cAAc,aAAa;CACnD,MAAM,aAAa,UAAU;CAC7B,MAAM,UAAU;CAChB,MAAM,iCAAiC,IAAI,IAAI;CAC/C,MAAM,uBAAuB,MAAM,cAAc,SAAS;CAC1D,SAAS,yBAAyB,OAAO;EACvC,IAAI,gBAAgB,eAAe,IAAI,KAAK;EAC5C,IAAI,CAAC,eAAe;GAClB,gBAAgB,MAAM,cAAc,aAAa;GACjD,eAAe,IAAI,OAAO,aAAa;EACzC;EACA,OAAO;CACT;CACA,MAAM,sBAAsB,UAAU,YAAY,GAAG,UAAU,IAAI,UAAU;CAC7E,MAAM,YAAY,EAChB,UACA,OAAO,SACP,6BACA,GAAG,aACC;EACJ,MAAM,QAAQ,mBAAmB,OAAO;EACxC,MAAM,OAAO,MAAM,cAAc;GAC/B,IAAI,6BAA6B,OAAO;GACxC,OAAO,WAAW,iBAAiB,CAAC,GAAG,MAAM;EAC/C,GAAG,CAAC,kBAAkB,MAAM,CAAC,CAAC;EAC9B,MAAM,iBAAiB,QAAQ,yBAAyB,KAAK,CAAC,CAAC,WAAW;EAC1E,OAAuB,oBAAI,qBAAqB,UAAU;GAAE,OAAO;GAAO,UAA0B,oBAAI,gBAAgB;IAAE,OAAO;IAAM;GAAS,CAAC;EAAE,CAAC;CACtJ;CACA,MAAM,oBAAoB,UAAU,OAAO;EACzC,MAAM,uBAAuB,MAAM,WAAW,oBAAoB;EAClE,MAAM,QAAQ,YAAY,UAAU,mBAAmB,OAAO,IAAI,uBAAuB;EACzF,MAAM,UAAU,QAAQ,yBAAyB,KAAK,IAAI;EAC1D,OAAO,MAAM,WAAW,OAAO;CACjC;CACA,QAAQ,WAAW;CACnB,QAAQ,QAAQ;CAChB,QAAQ,WAAW;CACnB,QAAQ,UAAU;CAClB,QAAQ,mBAAmB;CAC3B,OAAO;AACT"}
|
|
@@ -4,23 +4,25 @@ import { isPlainObject } from "./isObj.native.js";
|
|
|
4
4
|
import { mergeProps } from "./mergeProps.native.js";
|
|
5
5
|
import { objectIdentityKey } from "./objectIdentityKey.native.js";
|
|
6
6
|
|
|
7
|
+
function _type_of(obj) {
|
|
8
|
+
"@swc/helpers - typeof";
|
|
9
|
+
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
10
|
+
}
|
|
7
11
|
var createStyledContext = function(defaultValues) {
|
|
8
12
|
"use no memo";
|
|
9
13
|
var namespaceOrOptions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
|
|
10
|
-
var createReactContext = React[Math.random() ? "createContext" : "createContext"];
|
|
11
|
-
var useReactMemo = React[Math.random() ? "useMemo" : "useMemo"];
|
|
12
|
-
var useReactContext = React[Math.random() ? "useContext" : "useContext"];
|
|
13
14
|
var namespace = typeof namespaceOrOptions === "string" ? namespaceOrOptions : namespaceOrOptions.namespace || "";
|
|
14
|
-
var
|
|
15
|
-
var
|
|
15
|
+
var defaultKeys = isPlainObject(defaultValues) ? Object.keys(defaultValues) : void 0;
|
|
16
|
+
var propKeys = (typeof namespaceOrOptions === "undefined" ? "undefined" : _type_of(namespaceOrOptions)) === "object" && namespaceOrOptions.keys ? namespaceOrOptions.keys : defaultKeys;
|
|
17
|
+
var OGContext = /* @__PURE__ */ React.createContext(defaultValues);
|
|
16
18
|
var OGProvider = OGContext.Provider;
|
|
17
19
|
var Context = OGContext;
|
|
18
20
|
var scopedContexts = /* @__PURE__ */ new Map();
|
|
19
|
-
var LastScopeInNamespace =
|
|
21
|
+
var LastScopeInNamespace = /* @__PURE__ */ React.createContext(namespace);
|
|
20
22
|
function getOrCreateScopedContext(scope) {
|
|
21
23
|
var ScopedContext = scopedContexts.get(scope);
|
|
22
24
|
if (!ScopedContext) {
|
|
23
|
-
ScopedContext =
|
|
25
|
+
ScopedContext = /* @__PURE__ */ React.createContext(defaultValues);
|
|
24
26
|
scopedContexts.set(scope, ScopedContext);
|
|
25
27
|
}
|
|
26
28
|
return ScopedContext;
|
|
@@ -31,16 +33,11 @@ var createStyledContext = function(defaultValues) {
|
|
|
31
33
|
var Provider = function(param) {
|
|
32
34
|
var { children, scope: scopeIn, __disableMergeDefaultValues, ...values } = param;
|
|
33
35
|
var scope = getNamespacedScope(scopeIn);
|
|
34
|
-
var next =
|
|
35
|
-
if (__disableMergeDefaultValues)
|
|
36
|
-
return values;
|
|
37
|
-
}
|
|
36
|
+
var next = React.useMemo(function() {
|
|
37
|
+
if (__disableMergeDefaultValues) return values;
|
|
38
38
|
return mergeProps(defaultValues || {}, values);
|
|
39
39
|
}, [objectIdentityKey(values)]);
|
|
40
|
-
var ScopedProvider = OGProvider;
|
|
41
|
-
if (scope) {
|
|
42
|
-
ScopedProvider = getOrCreateScopedContext(scope).Provider;
|
|
43
|
-
}
|
|
40
|
+
var ScopedProvider = scope ? getOrCreateScopedContext(scope).Provider : OGProvider;
|
|
44
41
|
return /* @__PURE__ */ jsx(LastScopeInNamespace.Provider, {
|
|
45
42
|
value: scope,
|
|
46
43
|
children: /* @__PURE__ */ jsx(ScopedProvider, {
|
|
@@ -51,11 +48,10 @@ var createStyledContext = function(defaultValues) {
|
|
|
51
48
|
};
|
|
52
49
|
var useStyledContext = function() {
|
|
53
50
|
var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
|
|
54
|
-
var lastScopeInNamespace =
|
|
51
|
+
var lastScopeInNamespace = React.useContext(LastScopeInNamespace);
|
|
55
52
|
var scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn;
|
|
56
53
|
var context = scope ? getOrCreateScopedContext(scope) : OGContext;
|
|
57
|
-
|
|
58
|
-
return value;
|
|
54
|
+
return React.useContext(context);
|
|
59
55
|
};
|
|
60
56
|
Context.Provider = Provider;
|
|
61
57
|
Context.props = defaultValues;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createStyledContext.native.js","names":[],"sources":["esm/helpers/createStyledContext.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { isPlainObject } from \"./isObj\";\nimport { mergeProps } from \"./mergeProps\";\nimport { objectIdentityKey } from \"./objectIdentityKey\";\nvar createStyledContext = function(defaultValues) {\n \"use no memo\";\n var namespaceOrOptions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"\";\n var
|
|
1
|
+
{"version":3,"file":"createStyledContext.native.js","names":[],"sources":["esm/helpers/createStyledContext.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { isPlainObject } from \"./isObj\";\nimport { mergeProps } from \"./mergeProps\";\nimport { objectIdentityKey } from \"./objectIdentityKey\";\nfunction _type_of(obj) {\n \"@swc/helpers - typeof\";\n return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar createStyledContext = function(defaultValues) {\n \"use no memo\";\n var namespaceOrOptions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"\";\n var namespace = typeof namespaceOrOptions === \"string\" ? namespaceOrOptions : namespaceOrOptions.namespace || \"\";\n var defaultKeys = isPlainObject(defaultValues) ? Object.keys(defaultValues) : void 0;\n var propKeys = (typeof namespaceOrOptions === \"undefined\" ? \"undefined\" : _type_of(namespaceOrOptions)) === \"object\" && namespaceOrOptions.keys ? namespaceOrOptions.keys : defaultKeys;\n var OGContext = /* @__PURE__ */ React.createContext(defaultValues);\n var OGProvider = OGContext.Provider;\n var Context = OGContext;\n var scopedContexts = /* @__PURE__ */ new Map();\n var LastScopeInNamespace = /* @__PURE__ */ React.createContext(namespace);\n function getOrCreateScopedContext(scope) {\n var ScopedContext = scopedContexts.get(scope);\n if (!ScopedContext) {\n ScopedContext = /* @__PURE__ */ React.createContext(defaultValues);\n scopedContexts.set(scope, ScopedContext);\n }\n return ScopedContext;\n }\n var getNamespacedScope = function(scope) {\n return namespace ? `${namespace}--${scope}` : scope;\n };\n var Provider = function(param) {\n var { children, scope: scopeIn, __disableMergeDefaultValues, ...values } = param;\n var scope = getNamespacedScope(scopeIn);\n var next = React.useMemo(function() {\n if (__disableMergeDefaultValues) return values;\n return mergeProps(defaultValues || {}, values);\n }, [\n objectIdentityKey(values)\n ]);\n var ScopedProvider = scope ? getOrCreateScopedContext(scope).Provider : OGProvider;\n return /* @__PURE__ */ _jsx(LastScopeInNamespace.Provider, {\n value: scope,\n children: /* @__PURE__ */ _jsx(ScopedProvider, {\n value: next,\n children\n })\n });\n };\n var useStyledContext = function() {\n var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : \"\";\n var lastScopeInNamespace = React.useContext(LastScopeInNamespace);\n var scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn;\n var context = scope ? getOrCreateScopedContext(scope) : OGContext;\n return React.useContext(context);\n };\n Context.Provider = Provider;\n Context.props = defaultValues;\n Context.propKeys = propKeys;\n Context.context = OGContext;\n Context.useStyledContext = useStyledContext;\n return Context;\n};\nexport {\n createStyledContext\n};\n//# sourceMappingURL=createStyledContext.js.map\n"],"mappings":";;;;;;;AAKA,SAAS,SAAS,KAAK;CACrB;CACA,OAAO,OAAO,OAAO,WAAW,eAAe,IAAI,gBAAgB,SAAS,WAAW,OAAO;AAChG;AACA,IAAI,sBAAsB,SAAS,eAAe;CAChD;CACA,IAAI,qBAAqB,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CAC1F,IAAI,YAAY,OAAO,uBAAuB,WAAW,qBAAqB,mBAAmB,aAAa;CAC9G,IAAI,cAAc,cAAc,aAAa,IAAI,OAAO,KAAK,aAAa,IAAI,KAAK;CACnF,IAAI,YAAY,OAAO,uBAAuB,cAAc,cAAc,SAAS,kBAAkB,OAAO,YAAY,mBAAmB,OAAO,mBAAmB,OAAO;CAC5K,IAAI,YAA4B,sBAAM,cAAc,aAAa;CACjE,IAAI,aAAa,UAAU;CAC3B,IAAI,UAAU;CACd,IAAI,iCAAiC,IAAI,IAAI;CAC7C,IAAI,uBAAuC,sBAAM,cAAc,SAAS;CACxE,SAAS,yBAAyB,OAAO;EACvC,IAAI,gBAAgB,eAAe,IAAI,KAAK;EAC5C,IAAI,CAAC,eAAe;GAClB,gBAAgC,sBAAM,cAAc,aAAa;GACjE,eAAe,IAAI,OAAO,aAAa;EACzC;EACA,OAAO;CACT;CACA,IAAI,qBAAqB,SAAS,OAAO;EACvC,OAAO,YAAY,GAAG,UAAU,IAAI,UAAU;CAChD;CACA,IAAI,WAAW,SAAS,OAAO;EAC7B,IAAI,EAAE,UAAU,OAAO,SAAS,6BAA6B,GAAG,WAAW;EAC3E,IAAI,QAAQ,mBAAmB,OAAO;EACtC,IAAI,OAAO,MAAM,QAAQ,WAAW;GAClC,IAAI,6BAA6B,OAAO;GACxC,OAAO,WAAW,iBAAiB,CAAC,GAAG,MAAM;EAC/C,GAAG,CACD,kBAAkB,MAAM,CAC1B,CAAC;EACD,IAAI,iBAAiB,QAAQ,yBAAyB,KAAK,CAAC,CAAC,WAAW;EACxE,OAAuB,oBAAK,qBAAqB,UAAU;GACzD,OAAO;GACP,UAA0B,oBAAK,gBAAgB;IAC7C,OAAO;IACP;GACF,CAAC;EACH,CAAC;CACH;CACA,IAAI,mBAAmB,WAAW;EAChC,IAAI,UAAU,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;EAC/E,IAAI,uBAAuB,MAAM,WAAW,oBAAoB;EAChE,IAAI,QAAQ,YAAY,UAAU,mBAAmB,OAAO,IAAI,uBAAuB;EACvF,IAAI,UAAU,QAAQ,yBAAyB,KAAK,IAAI;EACxD,OAAO,MAAM,WAAW,OAAO;CACjC;CACA,QAAQ,WAAW;CACnB,QAAQ,QAAQ;CAChB,QAAQ,WAAW;CACnB,QAAQ,UAAU;CAClB,QAAQ,mBAAmB;CAC3B,OAAO;AACT"}
|
|
@@ -36,13 +36,13 @@ function formatDiagnosticValue(value, depth = 0, seen = /* @__PURE__ */ new Weak
|
|
|
36
36
|
return `{ ${items.join(", ")} }`;
|
|
37
37
|
}
|
|
38
38
|
function formatDiagnostic(code, component, message, action, prop, received) {
|
|
39
|
-
if (process.env.NODE_ENV === "
|
|
40
|
-
|
|
39
|
+
if (process.env.NODE_ENV === "development") {
|
|
40
|
+
const formattedValue = prop ? formatDiagnosticValue(received) : "";
|
|
41
|
+
const boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
|
|
42
|
+
const value = prop ? ` Received ${prop}=${boundedValue}.` : "";
|
|
43
|
+
return `${code} ${component}: ${message}.${value} ${action}`;
|
|
41
44
|
}
|
|
42
|
-
|
|
43
|
-
const boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
|
|
44
|
-
const value = prop ? ` Received ${prop}=${boundedValue}.` : "";
|
|
45
|
-
return `${code} ${component}: ${message}.${value} ${action}`;
|
|
45
|
+
return `${code}: ${message}`;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
export { formatDiagnostic };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatDiagnostic.js","names":[],"sources":["esm/helpers/formatDiagnostic.js"],"sourcesContent":["const maxDiagnosticValueLength = 160;\nfunction formatDiagnosticValue(value, depth = 0, seen = /* @__PURE__ */ new WeakSet()) {\n if (typeof value === \"string\") {\n const output = value.length > maxDiagnosticValueLength ? `${value.slice(0, maxDiagnosticValueLength - 1)}\\u2026` : value;\n return JSON.stringify(output);\n }\n if (value == null || typeof value === \"number\" || typeof value === \"boolean\") {\n return String(value);\n }\n if (typeof value === \"bigint\") return `${value}n`;\n if (typeof value === \"function\") return `[Function ${value.name || \"anonymous\"}]`;\n if (typeof value !== \"object\") return String(value);\n if (seen.has(value)) return \"[Circular]\";\n if (depth === 2) return Array.isArray(value) ? \"[Array]\" : \"[Object]\";\n seen.add(value);\n if (Array.isArray(value)) {\n const items2 = value.slice(0, 5).map((item) => formatDiagnosticValue(item, depth + 1, seen));\n if (value.length > 5) items2.push(`\\u2026 ${value.length - 5} more`);\n return `[${items2.join(\", \")}]`;\n }\n const keys = [];\n for (const key in value) {\n keys.push(key);\n if (keys.length === 6) break;\n }\n const hasMore = keys.length === 6;\n if (hasMore) keys.pop();\n const items = keys.map((key) => {\n try {\n return `${key}: ${formatDiagnosticValue(value[key], depth + 1, seen)}`;\n } catch {\n return `${key}: [Unavailable]`;\n }\n });\n if (hasMore) items.push(\"\\u2026 more\");\n return `{ ${items.join(\", \")} }`;\n}\nfunction formatDiagnostic(code, component, message, action, prop, received) {\n if (process.env.NODE_ENV === \"
|
|
1
|
+
{"version":3,"file":"formatDiagnostic.js","names":[],"sources":["esm/helpers/formatDiagnostic.js"],"sourcesContent":["const maxDiagnosticValueLength = 160;\nfunction formatDiagnosticValue(value, depth = 0, seen = /* @__PURE__ */ new WeakSet()) {\n if (typeof value === \"string\") {\n const output = value.length > maxDiagnosticValueLength ? `${value.slice(0, maxDiagnosticValueLength - 1)}\\u2026` : value;\n return JSON.stringify(output);\n }\n if (value == null || typeof value === \"number\" || typeof value === \"boolean\") {\n return String(value);\n }\n if (typeof value === \"bigint\") return `${value}n`;\n if (typeof value === \"function\") return `[Function ${value.name || \"anonymous\"}]`;\n if (typeof value !== \"object\") return String(value);\n if (seen.has(value)) return \"[Circular]\";\n if (depth === 2) return Array.isArray(value) ? \"[Array]\" : \"[Object]\";\n seen.add(value);\n if (Array.isArray(value)) {\n const items2 = value.slice(0, 5).map((item) => formatDiagnosticValue(item, depth + 1, seen));\n if (value.length > 5) items2.push(`\\u2026 ${value.length - 5} more`);\n return `[${items2.join(\", \")}]`;\n }\n const keys = [];\n for (const key in value) {\n keys.push(key);\n if (keys.length === 6) break;\n }\n const hasMore = keys.length === 6;\n if (hasMore) keys.pop();\n const items = keys.map((key) => {\n try {\n return `${key}: ${formatDiagnosticValue(value[key], depth + 1, seen)}`;\n } catch {\n return `${key}: [Unavailable]`;\n }\n });\n if (hasMore) items.push(\"\\u2026 more\");\n return `{ ${items.join(\", \")} }`;\n}\nfunction formatDiagnostic(code, component, message, action, prop, received) {\n if (process.env.NODE_ENV === \"development\") {\n const formattedValue = prop ? formatDiagnosticValue(received) : \"\";\n const boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\\u2026` : formattedValue;\n const value = prop ? ` Received ${prop}=${boundedValue}.` : \"\";\n return `${code} ${component}: ${message}.${value} ${action}`;\n }\n return `${code}: ${message}`;\n}\nexport {\n formatDiagnostic\n};\n//# sourceMappingURL=formatDiagnostic.js.map\n"],"mappings":";AAAA,MAAM,2BAA2B;AACjC,SAAS,sBAAsB,OAAO,QAAQ,GAAG,uBAAuB,IAAI,QAAQ,GAAG;CACrF,IAAI,OAAO,UAAU,UAAU;EAC7B,MAAM,SAAS,MAAM,SAAS,2BAA2B,GAAG,MAAM,MAAM,GAAG,2BAA2B,CAAC,EAAE,UAAU;EACnH,OAAO,KAAK,UAAU,MAAM;CAC9B;CACA,IAAI,SAAS,QAAQ,OAAO,UAAU,YAAY,OAAO,UAAU,WAAW;EAC5E,OAAO,OAAO,KAAK;CACrB;CACA,IAAI,OAAO,UAAU,UAAU,OAAO,GAAG,MAAM;CAC/C,IAAI,OAAO,UAAU,YAAY,OAAO,aAAa,MAAM,QAAQ,YAAY;CAC/E,IAAI,OAAO,UAAU,UAAU,OAAO,OAAO,KAAK;CAClD,IAAI,KAAK,IAAI,KAAK,GAAG,OAAO;CAC5B,IAAI,UAAU,GAAG,OAAO,MAAM,QAAQ,KAAK,IAAI,YAAY;CAC3D,KAAK,IAAI,KAAK;CACd,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxB,MAAM,SAAS,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,SAAS,sBAAsB,MAAM,QAAQ,GAAG,IAAI,CAAC;EAC3F,IAAI,MAAM,SAAS,GAAG,OAAO,KAAK,UAAU,MAAM,SAAS,EAAE,MAAM;EACnE,OAAO,IAAI,OAAO,KAAK,IAAI,EAAE;CAC/B;CACA,MAAM,OAAO,CAAC;CACd,KAAK,MAAM,OAAO,OAAO;EACvB,KAAK,KAAK,GAAG;EACb,IAAI,KAAK,WAAW,GAAG;CACzB;CACA,MAAM,UAAU,KAAK,WAAW;CAChC,IAAI,SAAS,KAAK,IAAI;CACtB,MAAM,QAAQ,KAAK,KAAK,QAAQ;EAC9B,IAAI;GACF,OAAO,GAAG,IAAI,IAAI,sBAAsB,MAAM,MAAM,QAAQ,GAAG,IAAI;EACrE,QAAQ;GACN,OAAO,GAAG,IAAI;EAChB;CACF,CAAC;CACD,IAAI,SAAS,MAAM,KAAK,QAAa;CACrC,OAAO,KAAK,MAAM,KAAK,IAAI,EAAE;AAC/B;AACA,SAAS,iBAAiB,MAAM,WAAW,SAAS,QAAQ,MAAM,UAAU;CAC1E,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,MAAM,iBAAiB,OAAO,sBAAsB,QAAQ,IAAI;EAChE,MAAM,eAAe,eAAe,SAAS,2BAA2B,GAAG,eAAe,MAAM,GAAG,2BAA2B,CAAC,EAAE,UAAU;EAC3I,MAAM,QAAQ,OAAO,aAAa,KAAK,GAAG,aAAa,KAAK;EAC5D,OAAO,GAAG,KAAK,GAAG,UAAU,IAAI,QAAQ,GAAG,MAAM,GAAG;CACtD;CACA,OAAO,GAAG,KAAK,IAAI;AACrB"}
|
|
@@ -43,13 +43,13 @@ function formatDiagnosticValue(value) {
|
|
|
43
43
|
return `{ ${items1.join(", ")} }`;
|
|
44
44
|
}
|
|
45
45
|
function formatDiagnostic(code, component, message, action, prop, received) {
|
|
46
|
-
if (process.env.NODE_ENV === "
|
|
47
|
-
|
|
46
|
+
if (process.env.NODE_ENV === "development") {
|
|
47
|
+
var formattedValue = prop ? formatDiagnosticValue(received) : "";
|
|
48
|
+
var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
|
|
49
|
+
var value = prop ? ` Received ${prop}=${boundedValue}.` : "";
|
|
50
|
+
return `${code} ${component}: ${message}.${value} ${action}`;
|
|
48
51
|
}
|
|
49
|
-
|
|
50
|
-
var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\u2026` : formattedValue;
|
|
51
|
-
var value = prop ? ` Received ${prop}=${boundedValue}.` : "";
|
|
52
|
-
return `${code} ${component}: ${message}.${value} ${action}`;
|
|
52
|
+
return `${code}: ${message}`;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
export { formatDiagnostic };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatDiagnostic.native.js","names":[],"sources":["esm/helpers/formatDiagnostic.native.js"],"sourcesContent":["function _type_of(obj) {\n \"@swc/helpers - typeof\";\n return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar maxDiagnosticValueLength = 160;\nfunction formatDiagnosticValue(value) {\n var depth = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, seen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : /* @__PURE__ */ new WeakSet();\n if (typeof value === \"string\") {\n var output = value.length > maxDiagnosticValueLength ? `${value.slice(0, maxDiagnosticValueLength - 1)}\\u2026` : value;\n return JSON.stringify(output);\n }\n if (value == null || typeof value === \"number\" || typeof value === \"boolean\") {\n return String(value);\n }\n if ((typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) === \"bigint\") return `${value}n`;\n if (typeof value === \"function\") return `[Function ${value.name || \"anonymous\"}]`;\n if ((typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) !== \"object\") return String(value);\n if (seen.has(value)) return \"[Circular]\";\n if (depth === 2) return Array.isArray(value) ? \"[Array]\" : \"[Object]\";\n seen.add(value);\n if (Array.isArray(value)) {\n var items = value.slice(0, 5).map(function(item) {\n return formatDiagnosticValue(item, depth + 1, seen);\n });\n if (value.length > 5) items.push(`\\u2026 ${value.length - 5} more`);\n return `[${items.join(\", \")}]`;\n }\n var keys = [];\n for (var key in value) {\n keys.push(key);\n if (keys.length === 6) break;\n }\n var hasMore = keys.length === 6;\n if (hasMore) keys.pop();\n var items1 = keys.map(function(key2) {\n try {\n return `${key2}: ${formatDiagnosticValue(value[key2], depth + 1, seen)}`;\n } catch (e) {\n return `${key2}: [Unavailable]`;\n }\n });\n if (hasMore) items1.push(\"\\u2026 more\");\n return `{ ${items1.join(\", \")} }`;\n}\nfunction formatDiagnostic(code, component, message, action, prop, received) {\n if (process.env.NODE_ENV === \"
|
|
1
|
+
{"version":3,"file":"formatDiagnostic.native.js","names":[],"sources":["esm/helpers/formatDiagnostic.native.js"],"sourcesContent":["function _type_of(obj) {\n \"@swc/helpers - typeof\";\n return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar maxDiagnosticValueLength = 160;\nfunction formatDiagnosticValue(value) {\n var depth = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, seen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : /* @__PURE__ */ new WeakSet();\n if (typeof value === \"string\") {\n var output = value.length > maxDiagnosticValueLength ? `${value.slice(0, maxDiagnosticValueLength - 1)}\\u2026` : value;\n return JSON.stringify(output);\n }\n if (value == null || typeof value === \"number\" || typeof value === \"boolean\") {\n return String(value);\n }\n if ((typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) === \"bigint\") return `${value}n`;\n if (typeof value === \"function\") return `[Function ${value.name || \"anonymous\"}]`;\n if ((typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) !== \"object\") return String(value);\n if (seen.has(value)) return \"[Circular]\";\n if (depth === 2) return Array.isArray(value) ? \"[Array]\" : \"[Object]\";\n seen.add(value);\n if (Array.isArray(value)) {\n var items = value.slice(0, 5).map(function(item) {\n return formatDiagnosticValue(item, depth + 1, seen);\n });\n if (value.length > 5) items.push(`\\u2026 ${value.length - 5} more`);\n return `[${items.join(\", \")}]`;\n }\n var keys = [];\n for (var key in value) {\n keys.push(key);\n if (keys.length === 6) break;\n }\n var hasMore = keys.length === 6;\n if (hasMore) keys.pop();\n var items1 = keys.map(function(key2) {\n try {\n return `${key2}: ${formatDiagnosticValue(value[key2], depth + 1, seen)}`;\n } catch (e) {\n return `${key2}: [Unavailable]`;\n }\n });\n if (hasMore) items1.push(\"\\u2026 more\");\n return `{ ${items1.join(\", \")} }`;\n}\nfunction formatDiagnostic(code, component, message, action, prop, received) {\n if (process.env.NODE_ENV === \"development\") {\n var formattedValue = prop ? formatDiagnosticValue(received) : \"\";\n var boundedValue = formattedValue.length > maxDiagnosticValueLength ? `${formattedValue.slice(0, maxDiagnosticValueLength - 1)}\\u2026` : formattedValue;\n var value = prop ? ` Received ${prop}=${boundedValue}.` : \"\";\n return `${code} ${component}: ${message}.${value} ${action}`;\n }\n return `${code}: ${message}`;\n}\nexport {\n formatDiagnostic\n};\n//# sourceMappingURL=formatDiagnostic.js.map\n"],"mappings":";AAAA,SAAS,SAAS,KAAK;CACrB;CACA,OAAO,OAAO,OAAO,WAAW,eAAe,IAAI,gBAAgB,SAAS,WAAW,OAAO;AAChG;AACA,IAAI,2BAA2B;AAC/B,SAAS,sBAAsB,OAAO;CACpC,IAAI,QAAQ,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,GAAG,OAAO,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,qBAAqB,IAAI,QAAQ;CACpL,IAAI,OAAO,UAAU,UAAU;EAC7B,IAAI,SAAS,MAAM,SAAS,2BAA2B,GAAG,MAAM,MAAM,GAAG,2BAA2B,CAAC,EAAE,UAAU;EACjH,OAAO,KAAK,UAAU,MAAM;CAC9B;CACA,IAAI,SAAS,QAAQ,OAAO,UAAU,YAAY,OAAO,UAAU,WAAW;EAC5E,OAAO,OAAO,KAAK;CACrB;CACA,KAAK,OAAO,UAAU,cAAc,cAAc,SAAS,KAAK,OAAO,UAAU,OAAO,GAAG,MAAM;CACjG,IAAI,OAAO,UAAU,YAAY,OAAO,aAAa,MAAM,QAAQ,YAAY;CAC/E,KAAK,OAAO,UAAU,cAAc,cAAc,SAAS,KAAK,OAAO,UAAU,OAAO,OAAO,KAAK;CACpG,IAAI,KAAK,IAAI,KAAK,GAAG,OAAO;CAC5B,IAAI,UAAU,GAAG,OAAO,MAAM,QAAQ,KAAK,IAAI,YAAY;CAC3D,KAAK,IAAI,KAAK;CACd,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxB,IAAI,QAAQ,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,SAAS,MAAM;GAC/C,OAAO,sBAAsB,MAAM,QAAQ,GAAG,IAAI;EACpD,CAAC;EACD,IAAI,MAAM,SAAS,GAAG,MAAM,KAAK,UAAU,MAAM,SAAS,EAAE,MAAM;EAClE,OAAO,IAAI,MAAM,KAAK,IAAI,EAAE;CAC9B;CACA,IAAI,OAAO,CAAC;CACZ,KAAK,IAAI,OAAO,OAAO;EACrB,KAAK,KAAK,GAAG;EACb,IAAI,KAAK,WAAW,GAAG;CACzB;CACA,IAAI,UAAU,KAAK,WAAW;CAC9B,IAAI,SAAS,KAAK,IAAI;CACtB,IAAI,SAAS,KAAK,IAAI,SAAS,MAAM;EACnC,IAAI;GACF,OAAO,GAAG,KAAK,IAAI,sBAAsB,MAAM,OAAO,QAAQ,GAAG,IAAI;EACvE,SAAS,GAAG;GACV,OAAO,GAAG,KAAK;EACjB;CACF,CAAC;CACD,IAAI,SAAS,OAAO,KAAK,QAAa;CACtC,OAAO,KAAK,OAAO,KAAK,IAAI,EAAE;AAChC;AACA,SAAS,iBAAiB,MAAM,WAAW,SAAS,QAAQ,MAAM,UAAU;CAC1E,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI,iBAAiB,OAAO,sBAAsB,QAAQ,IAAI;EAC9D,IAAI,eAAe,eAAe,SAAS,2BAA2B,GAAG,eAAe,MAAM,GAAG,2BAA2B,CAAC,EAAE,UAAU;EACzI,IAAI,QAAQ,OAAO,aAAa,KAAK,GAAG,aAAa,KAAK;EAC1D,OAAO,GAAG,KAAK,GAAG,UAAU,IAAI,QAAQ,GAAG,MAAM,GAAG;CACtD;CACA,OAAO,GAAG,KAAK,IAAI;AACrB"}
|