@tamagui/web 1.114.3 → 1.115.0
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/Tamagui.cjs +80 -0
- package/dist/cjs/_withStableStyle.cjs +51 -0
- package/dist/cjs/config.cjs +111 -0
- package/dist/cjs/constants/{accessibilityDirectMap.js → accessibilityDirectMap.cjs} +19 -11
- package/dist/cjs/constants/accessibilityDirectMap.native.cjs +34 -0
- package/dist/cjs/constants/accessibilityDirectMap.native.cjs.map +6 -0
- package/dist/cjs/constants/constants.cjs +45 -0
- package/dist/cjs/constants/isDevTools.cjs +31 -0
- package/dist/cjs/constants/webToNativeProps.cjs +28 -0
- package/dist/cjs/constants/webToNativeProps.native.cjs +102 -0
- package/dist/cjs/constants/webToNativeProps.native.cjs.map +6 -0
- package/dist/cjs/contexts/{ComponentContext.js → ComponentContext.cjs} +17 -12
- package/dist/cjs/{createComponent.js → createComponent.cjs} +407 -317
- package/dist/cjs/createFont.cjs +42 -0
- package/dist/cjs/createShorthands.cjs +28 -0
- package/dist/cjs/createTamagui.cjs +235 -0
- package/dist/cjs/createTheme.cjs +26 -0
- package/dist/cjs/createTokens.cjs +29 -0
- package/dist/cjs/{createVariable.js → createVariable.cjs} +31 -24
- package/dist/cjs/createVariables.cjs +58 -0
- package/dist/cjs/defaultComponentState.cjs +44 -0
- package/dist/cjs/helpers/ThemeManager.cjs +184 -0
- package/dist/cjs/helpers/{ThemeManagerContext.js → ThemeManagerContext.cjs} +22 -14
- package/dist/cjs/helpers/createMediaStyle.cjs +96 -0
- package/dist/cjs/helpers/{createShallowSetState.js → createShallowSetState.cjs} +29 -22
- package/dist/cjs/helpers/createStyledContext.cjs +70 -0
- package/dist/cjs/helpers/defaultOffset.cjs +29 -0
- package/dist/cjs/helpers/expandStyle.cjs +67 -0
- package/dist/cjs/helpers/expandStyles.cjs +40 -0
- package/dist/cjs/helpers/getExpandedShorthands.cjs +33 -0
- package/dist/cjs/helpers/getFontLanguage.cjs +26 -0
- package/dist/cjs/helpers/getGroupPropParts.cjs +37 -0
- package/dist/cjs/helpers/{getSplitStyles.js → getSplitStyles.cjs} +362 -335
- package/dist/cjs/helpers/getStylesAtomic.cjs +176 -0
- package/dist/cjs/helpers/getStylesAtomic.native.cjs +33 -0
- package/dist/cjs/helpers/getStylesAtomic.native.cjs.map +6 -0
- package/dist/cjs/helpers/getThemeCSSRules.cjs +119 -0
- package/dist/cjs/helpers/getThemeCSSRules.native.cjs +28 -0
- package/dist/cjs/helpers/getThemeCSSRules.native.cjs.map +6 -0
- package/dist/cjs/helpers/getVariantExtras.cjs +65 -0
- package/dist/cjs/helpers/{insertStyleRule.js → insertStyleRule.cjs} +93 -96
- package/dist/cjs/helpers/isActivePlatform.cjs +35 -0
- package/dist/cjs/helpers/isObj.cjs +26 -0
- package/dist/cjs/helpers/isTamaguiComponent.cjs +29 -0
- package/dist/cjs/helpers/{isTamaguiElement.js → isTamaguiElement.cjs} +24 -15
- package/dist/cjs/helpers/log.cjs +36 -0
- package/dist/cjs/helpers/matchMedia.cjs +36 -0
- package/dist/cjs/helpers/matchMedia.native.cjs +39 -0
- package/dist/cjs/helpers/matchMedia.native.cjs.map +6 -0
- package/dist/cjs/helpers/mergeProps.cjs +45 -0
- package/dist/cjs/helpers/{mergeVariants.js → mergeVariants.cjs} +19 -17
- package/dist/cjs/helpers/normalizeColor.cjs +48 -0
- package/dist/cjs/helpers/{normalizeShadow.js → normalizeShadow.cjs} +22 -13
- package/dist/cjs/helpers/normalizeStyle.cjs +47 -0
- package/dist/cjs/helpers/normalizeStylePropKeys.cjs +26 -0
- package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs +37 -0
- package/dist/cjs/helpers/normalizeStylePropKeys.native.cjs.map +6 -0
- package/dist/cjs/helpers/{normalizeValueWithProperty.js → normalizeValueWithProperty.cjs} +22 -19
- package/dist/cjs/helpers/objectIdentityKey.cjs +39 -0
- package/dist/cjs/helpers/propMapper.cjs +254 -0
- package/dist/cjs/helpers/proxyThemeToParents.cjs +61 -0
- package/dist/cjs/helpers/{proxyThemeVariables.js → proxyThemeVariables.cjs} +16 -11
- package/dist/cjs/helpers/pseudoDescriptors.cjs +72 -0
- package/dist/cjs/helpers/registerCSSVariable.cjs +33 -0
- package/dist/cjs/helpers/setElementProps.cjs +29 -0
- package/dist/cjs/helpers/setElementProps.native.cjs +30 -0
- package/dist/cjs/helpers/setElementProps.native.cjs.map +6 -0
- package/dist/cjs/helpers/{skipProps.js → skipProps.cjs} +17 -12
- package/dist/cjs/helpers/sortString.cjs +26 -0
- package/dist/cjs/helpers/{subscribeToContextGroup.js → subscribeToContextGroup.cjs} +25 -17
- package/dist/cjs/helpers/themeable.cjs +83 -0
- package/dist/cjs/helpers/{themes.js → themes.cjs} +17 -12
- package/dist/cjs/helpers/timer.cjs +32 -0
- package/dist/cjs/helpers/transformsToString.cjs +37 -0
- package/dist/cjs/helpers/webPropsToSkip.cjs +26 -0
- package/dist/cjs/helpers/webPropsToSkip.native.cjs +79 -0
- package/dist/cjs/helpers/webPropsToSkip.native.cjs.map +6 -0
- package/dist/cjs/helpers/wrapStyleTags.cjs +40 -0
- package/dist/cjs/hooks/{useComponentState.js → useComponentState.cjs} +75 -30
- package/dist/cjs/hooks/useConfiguration.cjs +55 -0
- package/dist/cjs/hooks/{useDidHydrateOnce.js → useDidHydrateOnce.cjs} +27 -16
- package/dist/cjs/hooks/useDisableSSR.cjs +29 -0
- package/dist/cjs/hooks/useIsTouchDevice.cjs +28 -0
- package/dist/cjs/hooks/useMedia.cjs +227 -0
- package/dist/cjs/hooks/useProps.cjs +108 -0
- package/dist/cjs/hooks/useTheme.cjs +277 -0
- package/dist/cjs/hooks/useThemeName.cjs +50 -0
- package/dist/cjs/index.cjs +106 -0
- package/dist/cjs/inject-styles.cjs +37 -0
- package/dist/cjs/insertFont.cjs +72 -0
- package/dist/cjs/interfaces/CSSColorNames.cjs +16 -0
- package/dist/cjs/interfaces/GetRef.cjs +16 -0
- package/dist/cjs/interfaces/KeyTypes.cjs +16 -0
- package/dist/cjs/interfaces/RNExclusiveTypes.cjs +16 -0
- package/dist/cjs/interfaces/Role.cjs +16 -0
- package/dist/cjs/interfaces/TamaguiComponentEvents.cjs +16 -0
- package/dist/cjs/interfaces/{TamaguiComponentPropsBaseBase.js → TamaguiComponentPropsBaseBase.cjs} +8 -6
- package/dist/cjs/interfaces/TamaguiComponentState.cjs +16 -0
- package/dist/cjs/interfaces/WebOnlyPressEvents.cjs +16 -0
- package/dist/cjs/setupHooks.cjs +30 -0
- package/dist/cjs/setupReactNative.cjs +49 -0
- package/dist/cjs/styled.cjs +87 -0
- package/dist/cjs/type-utils.cjs +16 -0
- package/dist/cjs/types.cjs +19 -0
- package/dist/cjs/views/Configuration.cjs +47 -0
- package/dist/cjs/views/FontLanguage.cjs +37 -0
- package/dist/cjs/views/FontLanguage.native.cjs +50 -0
- package/dist/cjs/views/FontLanguage.native.cjs.map +6 -0
- package/dist/cjs/views/FontLanguage.types.cjs +16 -0
- package/dist/cjs/views/Slot.cjs +78 -0
- package/dist/cjs/views/Stack.cjs +34 -0
- package/dist/cjs/views/TamaguiProvider.cjs +93 -0
- package/dist/cjs/views/Text.cjs +86 -0
- package/dist/cjs/views/Theme.cjs +145 -0
- package/dist/cjs/views/ThemeDebug.cjs +92 -0
- package/dist/cjs/views/ThemeDebug.native.cjs +33 -0
- package/dist/cjs/views/ThemeDebug.native.cjs.map +6 -0
- package/dist/cjs/views/ThemeProvider.cjs +56 -0
- package/dist/cjs/views/View.cjs +33 -0
- package/package.json +15 -14
- package/dist/cjs/Tamagui.js +0 -63
- package/dist/cjs/_withStableStyle.js +0 -33
- package/dist/cjs/config.js +0 -97
- package/dist/cjs/constants/constants.js +0 -36
- package/dist/cjs/constants/isDevTools.js +0 -28
- package/dist/cjs/constants/webToNativeProps.js +0 -22
- package/dist/cjs/createFont.js +0 -53
- package/dist/cjs/createShorthands.js +0 -23
- package/dist/cjs/createTamagui.js +0 -189
- package/dist/cjs/createTheme.js +0 -21
- package/dist/cjs/createTokens.js +0 -24
- package/dist/cjs/createVariables.js +0 -47
- package/dist/cjs/defaultComponentState.js +0 -37
- package/dist/cjs/helpers/ThemeManager.js +0 -166
- package/dist/cjs/helpers/createMediaStyle.js +0 -74
- package/dist/cjs/helpers/createStyledContext.js +0 -53
- package/dist/cjs/helpers/defaultOffset.js +0 -21
- package/dist/cjs/helpers/expandStyle.js +0 -73
- package/dist/cjs/helpers/expandStyles.js +0 -34
- package/dist/cjs/helpers/getExpandedShorthands.js +0 -29
- package/dist/cjs/helpers/getFontLanguage.js +0 -21
- package/dist/cjs/helpers/getGroupPropParts.js +0 -27
- package/dist/cjs/helpers/getStylesAtomic.js +0 -152
- package/dist/cjs/helpers/getThemeCSSRules.js +0 -89
- package/dist/cjs/helpers/getVariantExtras.js +0 -58
- package/dist/cjs/helpers/isActivePlatform.js +0 -29
- package/dist/cjs/helpers/isObj.js +0 -21
- package/dist/cjs/helpers/isTamaguiComponent.js +0 -24
- package/dist/cjs/helpers/log.js +0 -31
- package/dist/cjs/helpers/matchMedia.js +0 -34
- package/dist/cjs/helpers/mergeProps.js +0 -41
- package/dist/cjs/helpers/normalizeColor.js +0 -43
- package/dist/cjs/helpers/normalizeStyle.js +0 -36
- package/dist/cjs/helpers/normalizeStylePropKeys.js +0 -21
- package/dist/cjs/helpers/objectIdentityKey.js +0 -38
- package/dist/cjs/helpers/propMapper.js +0 -238
- package/dist/cjs/helpers/proxyThemeToParents.js +0 -52
- package/dist/cjs/helpers/pseudoDescriptors.js +0 -65
- package/dist/cjs/helpers/registerCSSVariable.js +0 -29
- package/dist/cjs/helpers/setElementProps.js +0 -24
- package/dist/cjs/helpers/sortString.js +0 -21
- package/dist/cjs/helpers/themeable.js +0 -63
- package/dist/cjs/helpers/timer.js +0 -27
- package/dist/cjs/helpers/transformsToString.js +0 -32
- package/dist/cjs/helpers/webPropsToSkip.js +0 -21
- package/dist/cjs/helpers/wrapStyleTags.js +0 -39
- package/dist/cjs/hooks/useConfiguration.js +0 -37
- package/dist/cjs/hooks/useDisableSSR.js +0 -24
- package/dist/cjs/hooks/useIsTouchDevice.js +0 -22
- package/dist/cjs/hooks/useMedia.js +0 -206
- package/dist/cjs/hooks/useProps.js +0 -95
- package/dist/cjs/hooks/useTheme.js +0 -263
- package/dist/cjs/hooks/useThemeName.js +0 -39
- package/dist/cjs/index.js +0 -99
- package/dist/cjs/inject-styles.js +0 -28
- package/dist/cjs/insertFont.js +0 -65
- package/dist/cjs/interfaces/CSSColorNames.js +0 -14
- package/dist/cjs/interfaces/GetRef.js +0 -14
- package/dist/cjs/interfaces/KeyTypes.js +0 -14
- package/dist/cjs/interfaces/RNExclusiveTypes.js +0 -14
- package/dist/cjs/interfaces/Role.js +0 -14
- package/dist/cjs/interfaces/TamaguiComponentEvents.js +0 -14
- package/dist/cjs/interfaces/TamaguiComponentState.js +0 -14
- package/dist/cjs/interfaces/WebOnlyPressEvents.js +0 -14
- package/dist/cjs/setupHooks.js +0 -25
- package/dist/cjs/setupReactNative.js +0 -46
- package/dist/cjs/styled.js +0 -74
- package/dist/cjs/type-utils.js +0 -14
- package/dist/cjs/types.js +0 -16
- package/dist/cjs/views/Configuration.js +0 -34
- package/dist/cjs/views/FontLanguage.js +0 -32
- package/dist/cjs/views/FontLanguage.types.js +0 -14
- package/dist/cjs/views/Slot.js +0 -59
- package/dist/cjs/views/Stack.js +0 -27
- package/dist/cjs/views/TamaguiProvider.js +0 -76
- package/dist/cjs/views/Text.js +0 -77
- package/dist/cjs/views/Theme.js +0 -103
- package/dist/cjs/views/ThemeDebug.js +0 -94
- package/dist/cjs/views/ThemeProvider.js +0 -45
- package/dist/cjs/views/View.js +0 -26
- /package/dist/cjs/{Tamagui.js.map → Tamagui.cjs.map} +0 -0
- /package/dist/cjs/{_withStableStyle.js.map → _withStableStyle.cjs.map} +0 -0
- /package/dist/cjs/{config.js.map → config.cjs.map} +0 -0
- /package/dist/cjs/constants/{accessibilityDirectMap.js.map → accessibilityDirectMap.cjs.map} +0 -0
- /package/dist/cjs/constants/{constants.js.map → constants.cjs.map} +0 -0
- /package/dist/cjs/constants/{isDevTools.js.map → isDevTools.cjs.map} +0 -0
- /package/dist/cjs/constants/{webToNativeProps.js.map → webToNativeProps.cjs.map} +0 -0
- /package/dist/cjs/contexts/{ComponentContext.js.map → ComponentContext.cjs.map} +0 -0
- /package/dist/cjs/{createComponent.js.map → createComponent.cjs.map} +0 -0
- /package/dist/cjs/{createFont.js.map → createFont.cjs.map} +0 -0
- /package/dist/cjs/{createShorthands.js.map → createShorthands.cjs.map} +0 -0
- /package/dist/cjs/{createTamagui.js.map → createTamagui.cjs.map} +0 -0
- /package/dist/cjs/{createTheme.js.map → createTheme.cjs.map} +0 -0
- /package/dist/cjs/{createTokens.js.map → createTokens.cjs.map} +0 -0
- /package/dist/cjs/{createVariable.js.map → createVariable.cjs.map} +0 -0
- /package/dist/cjs/{createVariables.js.map → createVariables.cjs.map} +0 -0
- /package/dist/cjs/{defaultComponentState.js.map → defaultComponentState.cjs.map} +0 -0
- /package/dist/cjs/helpers/{ThemeManager.js.map → ThemeManager.cjs.map} +0 -0
- /package/dist/cjs/helpers/{ThemeManagerContext.js.map → ThemeManagerContext.cjs.map} +0 -0
- /package/dist/cjs/helpers/{createMediaStyle.js.map → createMediaStyle.cjs.map} +0 -0
- /package/dist/cjs/helpers/{createShallowSetState.js.map → createShallowSetState.cjs.map} +0 -0
- /package/dist/cjs/helpers/{createStyledContext.js.map → createStyledContext.cjs.map} +0 -0
- /package/dist/cjs/helpers/{defaultOffset.js.map → defaultOffset.cjs.map} +0 -0
- /package/dist/cjs/helpers/{expandStyle.js.map → expandStyle.cjs.map} +0 -0
- /package/dist/cjs/helpers/{expandStyles.js.map → expandStyles.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getExpandedShorthands.js.map → getExpandedShorthands.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getFontLanguage.js.map → getFontLanguage.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getGroupPropParts.js.map → getGroupPropParts.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getSplitStyles.js.map → getSplitStyles.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getStylesAtomic.js.map → getStylesAtomic.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getThemeCSSRules.js.map → getThemeCSSRules.cjs.map} +0 -0
- /package/dist/cjs/helpers/{getVariantExtras.js.map → getVariantExtras.cjs.map} +0 -0
- /package/dist/cjs/helpers/{insertStyleRule.js.map → insertStyleRule.cjs.map} +0 -0
- /package/dist/cjs/helpers/{isActivePlatform.js.map → isActivePlatform.cjs.map} +0 -0
- /package/dist/cjs/helpers/{isObj.js.map → isObj.cjs.map} +0 -0
- /package/dist/cjs/helpers/{isTamaguiComponent.js.map → isTamaguiComponent.cjs.map} +0 -0
- /package/dist/cjs/helpers/{isTamaguiElement.js.map → isTamaguiElement.cjs.map} +0 -0
- /package/dist/cjs/helpers/{log.js.map → log.cjs.map} +0 -0
- /package/dist/cjs/helpers/{matchMedia.js.map → matchMedia.cjs.map} +0 -0
- /package/dist/cjs/helpers/{mergeProps.js.map → mergeProps.cjs.map} +0 -0
- /package/dist/cjs/helpers/{mergeVariants.js.map → mergeVariants.cjs.map} +0 -0
- /package/dist/cjs/helpers/{normalizeColor.js.map → normalizeColor.cjs.map} +0 -0
- /package/dist/cjs/helpers/{normalizeShadow.js.map → normalizeShadow.cjs.map} +0 -0
- /package/dist/cjs/helpers/{normalizeStyle.js.map → normalizeStyle.cjs.map} +0 -0
- /package/dist/cjs/helpers/{normalizeStylePropKeys.js.map → normalizeStylePropKeys.cjs.map} +0 -0
- /package/dist/cjs/helpers/{normalizeValueWithProperty.js.map → normalizeValueWithProperty.cjs.map} +0 -0
- /package/dist/cjs/helpers/{objectIdentityKey.js.map → objectIdentityKey.cjs.map} +0 -0
- /package/dist/cjs/helpers/{propMapper.js.map → propMapper.cjs.map} +0 -0
- /package/dist/cjs/helpers/{proxyThemeToParents.js.map → proxyThemeToParents.cjs.map} +0 -0
- /package/dist/cjs/helpers/{proxyThemeVariables.js.map → proxyThemeVariables.cjs.map} +0 -0
- /package/dist/cjs/helpers/{pseudoDescriptors.js.map → pseudoDescriptors.cjs.map} +0 -0
- /package/dist/cjs/helpers/{registerCSSVariable.js.map → registerCSSVariable.cjs.map} +0 -0
- /package/dist/cjs/helpers/{setElementProps.js.map → setElementProps.cjs.map} +0 -0
- /package/dist/cjs/helpers/{skipProps.js.map → skipProps.cjs.map} +0 -0
- /package/dist/cjs/helpers/{sortString.js.map → sortString.cjs.map} +0 -0
- /package/dist/cjs/helpers/{subscribeToContextGroup.js.map → subscribeToContextGroup.cjs.map} +0 -0
- /package/dist/cjs/helpers/{themeable.js.map → themeable.cjs.map} +0 -0
- /package/dist/cjs/helpers/{themes.js.map → themes.cjs.map} +0 -0
- /package/dist/cjs/helpers/{timer.js.map → timer.cjs.map} +0 -0
- /package/dist/cjs/helpers/{transformsToString.js.map → transformsToString.cjs.map} +0 -0
- /package/dist/cjs/helpers/{webPropsToSkip.js.map → webPropsToSkip.cjs.map} +0 -0
- /package/dist/cjs/helpers/{wrapStyleTags.js.map → wrapStyleTags.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useComponentState.js.map → useComponentState.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useConfiguration.js.map → useConfiguration.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useDidHydrateOnce.js.map → useDidHydrateOnce.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useDisableSSR.js.map → useDisableSSR.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useIsTouchDevice.js.map → useIsTouchDevice.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useMedia.js.map → useMedia.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useProps.js.map → useProps.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useTheme.js.map → useTheme.cjs.map} +0 -0
- /package/dist/cjs/hooks/{useThemeName.js.map → useThemeName.cjs.map} +0 -0
- /package/dist/cjs/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/{inject-styles.js.map → inject-styles.cjs.map} +0 -0
- /package/dist/cjs/{insertFont.js.map → insertFont.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{CSSColorNames.js.map → CSSColorNames.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{GetRef.js.map → GetRef.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{KeyTypes.js.map → KeyTypes.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{RNExclusiveTypes.js.map → RNExclusiveTypes.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{Role.js.map → Role.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{TamaguiComponentEvents.js.map → TamaguiComponentEvents.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{TamaguiComponentPropsBaseBase.js.map → TamaguiComponentPropsBaseBase.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{TamaguiComponentState.js.map → TamaguiComponentState.cjs.map} +0 -0
- /package/dist/cjs/interfaces/{WebOnlyPressEvents.js.map → WebOnlyPressEvents.cjs.map} +0 -0
- /package/dist/cjs/{setupHooks.js.map → setupHooks.cjs.map} +0 -0
- /package/dist/cjs/{setupReactNative.js.map → setupReactNative.cjs.map} +0 -0
- /package/dist/cjs/{styled.js.map → styled.cjs.map} +0 -0
- /package/dist/cjs/{type-utils.js.map → type-utils.cjs.map} +0 -0
- /package/dist/cjs/{types.js.map → types.cjs.map} +0 -0
- /package/dist/cjs/views/{Configuration.js.map → Configuration.cjs.map} +0 -0
- /package/dist/cjs/views/{FontLanguage.js.map → FontLanguage.cjs.map} +0 -0
- /package/dist/cjs/views/{FontLanguage.types.js.map → FontLanguage.types.cjs.map} +0 -0
- /package/dist/cjs/views/{Slot.js.map → Slot.cjs.map} +0 -0
- /package/dist/cjs/views/{Stack.js.map → Stack.cjs.map} +0 -0
- /package/dist/cjs/views/{TamaguiProvider.js.map → TamaguiProvider.cjs.map} +0 -0
- /package/dist/cjs/views/{Text.js.map → Text.cjs.map} +0 -0
- /package/dist/cjs/views/{Theme.js.map → Theme.cjs.map} +0 -0
- /package/dist/cjs/views/{ThemeDebug.js.map → ThemeDebug.cjs.map} +0 -0
- /package/dist/cjs/views/{ThemeProvider.js.map → ThemeProvider.cjs.map} +0 -0
- /package/dist/cjs/views/{View.js.map → View.cjs.map} +0 -0
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
-
var themeable_exports = {};
|
|
24
|
-
__export(themeable_exports, {
|
|
25
|
-
themeable: () => themeable
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(themeable_exports);
|
|
28
|
-
var import_react = __toESM(require("react")), import_Theme = require("../views/Theme"), import_jsx_runtime = (
|
|
29
|
-
// @ts-expect-error its ok
|
|
30
|
-
require("react/jsx-runtime")
|
|
31
|
-
);
|
|
32
|
-
function themeable(Component, staticConfig) {
|
|
33
|
-
const withTheme = import_react.default.forwardRef(function(props, ref) {
|
|
34
|
-
const { themeInverse, theme, componentName, themeReset, ...rest } = props;
|
|
35
|
-
let overriddenContextProps;
|
|
36
|
-
const context = staticConfig?.context;
|
|
37
|
-
if (context)
|
|
38
|
-
for (const key in context.props) {
|
|
39
|
-
const val = props[key];
|
|
40
|
-
val !== void 0 && (overriddenContextProps ||= {}, overriddenContextProps[key] = val);
|
|
41
|
-
}
|
|
42
|
-
const element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref, ...rest, "data-disable-theme": !0 });
|
|
43
|
-
let contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
44
|
-
import_Theme.Theme,
|
|
45
|
-
{
|
|
46
|
-
componentName: componentName || staticConfig?.componentName,
|
|
47
|
-
name: theme,
|
|
48
|
-
"disable-child-theme": !0,
|
|
49
|
-
debug: props.debug,
|
|
50
|
-
inverse: themeInverse,
|
|
51
|
-
reset: themeReset,
|
|
52
|
-
children: element
|
|
53
|
-
}
|
|
54
|
-
);
|
|
55
|
-
if (context) {
|
|
56
|
-
const Provider = context.Provider, contextValue = import_react.default.useContext(context);
|
|
57
|
-
contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { ...contextValue, ...overriddenContextProps, children: contents });
|
|
58
|
-
}
|
|
59
|
-
return contents;
|
|
60
|
-
});
|
|
61
|
-
return withTheme.displayName = `Themed(${Component?.displayName || Component?.name || "Anonymous"})`, withTheme;
|
|
62
|
-
}
|
|
63
|
-
//# sourceMappingURL=themeable.js.map
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var timer_exports = {};
|
|
16
|
-
__export(timer_exports, {
|
|
17
|
-
time: () => time
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(timer_exports);
|
|
20
|
-
const timer = require("@tamagui/timer").timer();
|
|
21
|
-
setTimeout(() => {
|
|
22
|
-
timer.print();
|
|
23
|
-
}, 2e3);
|
|
24
|
-
const time = timer.start({
|
|
25
|
-
quiet: !0
|
|
26
|
-
});
|
|
27
|
-
//# sourceMappingURL=timer.js.map
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var transformsToString_exports = {};
|
|
16
|
-
__export(transformsToString_exports, {
|
|
17
|
-
transformsToString: () => transformsToString
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(transformsToString_exports);
|
|
20
|
-
var import_normalizeValueWithProperty = require("./normalizeValueWithProperty");
|
|
21
|
-
function transformsToString(transforms) {
|
|
22
|
-
return transforms.map(
|
|
23
|
-
// { scale: 2 } => 'scale(2)'
|
|
24
|
-
// { translateX: 20 } => 'translateX(20px)'
|
|
25
|
-
// { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
|
|
26
|
-
(transform) => {
|
|
27
|
-
const type = Object.keys(transform)[0], value = transform[type];
|
|
28
|
-
return type === "matrix" || type === "matrix3d" ? `${type}(${value.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, type)})`;
|
|
29
|
-
}
|
|
30
|
-
).join(" ");
|
|
31
|
-
}
|
|
32
|
-
//# sourceMappingURL=transformsToString.js.map
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var webPropsToSkip_exports = {};
|
|
16
|
-
__export(webPropsToSkip_exports, {
|
|
17
|
-
webPropsToSkip: () => webPropsToSkip
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(webPropsToSkip_exports);
|
|
20
|
-
const webPropsToSkip = {};
|
|
21
|
-
//# sourceMappingURL=webPropsToSkip.js.map
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var wrapStyleTags_exports = {};
|
|
16
|
-
__export(wrapStyleTags_exports, {
|
|
17
|
-
wrapStyleTags: () => wrapStyleTags
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(wrapStyleTags_exports);
|
|
20
|
-
var import_helpers = require("@tamagui/helpers"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
|
-
function wrapStyleTags(styles, content) {
|
|
22
|
-
return process.env.TAMAGUI_REACT_19 && styles.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
23
|
-
content,
|
|
24
|
-
styles.map((styleObject) => {
|
|
25
|
-
const identifier = styleObject[import_helpers.StyleObjectIdentifier];
|
|
26
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
27
|
-
"style",
|
|
28
|
-
{
|
|
29
|
-
href: `t_${identifier}`,
|
|
30
|
-
precedence: "default",
|
|
31
|
-
children: styleObject[import_helpers.StyleObjectRules].join(`
|
|
32
|
-
`)
|
|
33
|
-
},
|
|
34
|
-
identifier
|
|
35
|
-
);
|
|
36
|
-
})
|
|
37
|
-
] }) : content;
|
|
38
|
-
}
|
|
39
|
-
//# sourceMappingURL=wrapStyleTags.js.map
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
-
var useConfiguration_exports = {};
|
|
24
|
-
__export(useConfiguration_exports, {
|
|
25
|
-
useConfiguration: () => useConfiguration
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(useConfiguration_exports);
|
|
28
|
-
var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext");
|
|
29
|
-
const useConfiguration = () => {
|
|
30
|
-
const { groups, animationDriver, ...restComponentConfig } = import_react.default.useContext(import_ComponentContext.ComponentContext), { animations, ...restConfig } = (0, import_config.getConfig)();
|
|
31
|
-
return {
|
|
32
|
-
...restConfig,
|
|
33
|
-
...restComponentConfig,
|
|
34
|
-
animationDriver: animationDriver ?? (0, import_config.getConfig)().animations
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=useConfiguration.js.map
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var useDisableSSR_exports = {};
|
|
16
|
-
__export(useDisableSSR_exports, {
|
|
17
|
-
getDisableSSR: () => getDisableSSR
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(useDisableSSR_exports);
|
|
20
|
-
var import_config = require("../config");
|
|
21
|
-
function getDisableSSR(componentContext) {
|
|
22
|
-
return componentContext?.disableSSR ?? (0, import_config.getSetting)("disableSSR");
|
|
23
|
-
}
|
|
24
|
-
//# sourceMappingURL=useDisableSSR.js.map
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var useIsTouchDevice_exports = {};
|
|
16
|
-
__export(useIsTouchDevice_exports, {
|
|
17
|
-
useIsTouchDevice: () => useIsTouchDevice
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(useIsTouchDevice_exports);
|
|
20
|
-
var import_constants = require("@tamagui/constants"), import_use_did_finish_ssr = require("@tamagui/use-did-finish-ssr");
|
|
21
|
-
const useIsTouchDevice = () => import_constants.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants.isTouchable : !1 : !0;
|
|
22
|
-
//# sourceMappingURL=useIsTouchDevice.js.map
|
|
@@ -1,206 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
-
var useMedia_exports = {};
|
|
24
|
-
__export(useMedia_exports, {
|
|
25
|
-
_dmt: () => _dmt,
|
|
26
|
-
configureMedia: () => configureMedia,
|
|
27
|
-
getMedia: () => getMedia,
|
|
28
|
-
getMediaImportanceIfMoreImportant: () => getMediaImportanceIfMoreImportant,
|
|
29
|
-
getMediaKeyImportance: () => getMediaKeyImportance,
|
|
30
|
-
getMediaState: () => getMediaState,
|
|
31
|
-
isMediaKey: () => isMediaKey,
|
|
32
|
-
mediaKeyMatch: () => mediaKeyMatch,
|
|
33
|
-
mediaKeyToQuery: () => mediaKeyToQuery,
|
|
34
|
-
mediaKeys: () => mediaKeys,
|
|
35
|
-
mediaObjectToString: () => mediaObjectToString,
|
|
36
|
-
mediaQueryConfig: () => mediaQueryConfig,
|
|
37
|
-
mediaState: () => mediaState,
|
|
38
|
-
setMediaShouldUpdate: () => setMediaShouldUpdate,
|
|
39
|
-
setupMediaListeners: () => setupMediaListeners,
|
|
40
|
-
useMedia: () => useMedia
|
|
41
|
-
});
|
|
42
|
-
module.exports = __toCommonJS(useMedia_exports);
|
|
43
|
-
var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_config = require("../config"), import_matchMedia = require("../helpers/matchMedia"), import_pseudoDescriptors = require("../helpers/pseudoDescriptors"), import_useDisableSSR = require("./useDisableSSR");
|
|
44
|
-
let mediaState = (
|
|
45
|
-
// development only safeguard
|
|
46
|
-
process.env.NODE_ENV === "development" ? new Proxy(
|
|
47
|
-
{},
|
|
48
|
-
{
|
|
49
|
-
get(target, key) {
|
|
50
|
-
if (typeof key == "string" && key[0] === "$" && // dont error on $$typeof
|
|
51
|
-
key[1] !== "$")
|
|
52
|
-
throw new Error(`Access mediaState should not use "$": ${key}`);
|
|
53
|
-
return Reflect.get(target, key);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
) : {}
|
|
57
|
-
);
|
|
58
|
-
const mediaQueryConfig = {}, getMedia = () => mediaState, mediaKeys = /* @__PURE__ */ new Set(), mediaKeyRegex = /\$(platform|theme|group)-/, isMediaKey = (key) => {
|
|
59
|
-
if (mediaKeys.has(key)) return !0;
|
|
60
|
-
if (key[0] === "$") {
|
|
61
|
-
const match = key.match(mediaKeyRegex);
|
|
62
|
-
if (match) return match[1];
|
|
63
|
-
}
|
|
64
|
-
return !1;
|
|
65
|
-
};
|
|
66
|
-
let initState;
|
|
67
|
-
const defaultMediaImportance = Object.keys(import_pseudoDescriptors.pseudoDescriptors).length;
|
|
68
|
-
let mediaKeysOrdered;
|
|
69
|
-
const getMediaKeyImportance = (key) => {
|
|
70
|
-
if (process.env.NODE_ENV === "development" && key[0] === "$")
|
|
71
|
-
throw new Error("use short key");
|
|
72
|
-
return (0, import_config.getConfig)().settings.mediaPropOrder ? defaultMediaImportance : mediaKeysOrdered.indexOf(key) + 100;
|
|
73
|
-
}, dispose = /* @__PURE__ */ new Set();
|
|
74
|
-
let mediaVersion = 0;
|
|
75
|
-
const configureMedia = (config) => {
|
|
76
|
-
const { media } = config, mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
|
|
77
|
-
if (media) {
|
|
78
|
-
mediaVersion++;
|
|
79
|
-
for (const key in media)
|
|
80
|
-
mediaState[key] = mediaQueryDefaultActive?.[key] || !1, mediaKeys.add(`$${key}`);
|
|
81
|
-
Object.assign(mediaQueryConfig, media), initState = { ...mediaState }, mediaKeysOrdered = Object.keys(media), config.disableSSR ? setupMediaListeners() : updateCurrentState();
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
function unlisten() {
|
|
85
|
-
dispose.forEach((cb) => cb()), dispose.clear();
|
|
86
|
-
}
|
|
87
|
-
let setupVersion = -1;
|
|
88
|
-
function setupMediaListeners() {
|
|
89
|
-
if (!(import_constants.isWeb && import_constants.isServer) && setupVersion !== mediaVersion) {
|
|
90
|
-
setupVersion = mediaVersion, unlisten();
|
|
91
|
-
for (const key in mediaQueryConfig) {
|
|
92
|
-
let update = function() {
|
|
93
|
-
const next = !!getMatch().matches;
|
|
94
|
-
next !== mediaState[key] && (mediaState = { ...mediaState, [key]: next }, updateCurrentState());
|
|
95
|
-
};
|
|
96
|
-
const str = mediaObjectToString(mediaQueryConfig[key], key), getMatch = () => (0, import_matchMedia.matchMedia)(str), match = getMatch();
|
|
97
|
-
if (!match)
|
|
98
|
-
throw new Error("\u26A0\uFE0F No match");
|
|
99
|
-
match.addListener(update), dispose.add(() => {
|
|
100
|
-
match.removeListener(update);
|
|
101
|
-
}), update();
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
const listeners = /* @__PURE__ */ new Set();
|
|
106
|
-
let flushing = !1, flushVersion = -1;
|
|
107
|
-
function updateCurrentState() {
|
|
108
|
-
flushing && flushVersion === mediaVersion || (flushVersion = mediaVersion, flushing = !0, Promise.resolve().then(() => {
|
|
109
|
-
flushing = !1, listeners.forEach((cb) => cb(mediaState));
|
|
110
|
-
}));
|
|
111
|
-
}
|
|
112
|
-
const States = /* @__PURE__ */ new WeakMap();
|
|
113
|
-
function setMediaShouldUpdate(ref, enabled, keys) {
|
|
114
|
-
const cur = States.get(ref);
|
|
115
|
-
(!cur || cur.enabled !== enabled || keys) && States.set(ref, {
|
|
116
|
-
...cur,
|
|
117
|
-
enabled,
|
|
118
|
-
keys
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
function subscribe(subscriber) {
|
|
122
|
-
return listeners.add(subscriber), () => {
|
|
123
|
-
listeners.delete(subscriber);
|
|
124
|
-
};
|
|
125
|
-
}
|
|
126
|
-
function useMedia(uidIn, componentContext, debug) {
|
|
127
|
-
const uid = uidIn ?? import_react.default.useRef(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants.isWeb ? mediaState : initState) || {};
|
|
128
|
-
let componentState = States.get(uid);
|
|
129
|
-
componentState || (componentState = { prev: initialState }, States.set(uid, componentState));
|
|
130
|
-
const getSnapshot = () => {
|
|
131
|
-
if (!componentState)
|
|
132
|
-
return initialState;
|
|
133
|
-
const { enabled, keys, prev = initialState } = componentState;
|
|
134
|
-
if (enabled === !1)
|
|
135
|
-
return prev;
|
|
136
|
-
const testKeys = keys ?? (enabled && keys) ?? null;
|
|
137
|
-
return !testKeys || Object.keys(testKeys).every((key) => mediaState[key] === prev[key]) ? prev : (componentState.prev = mediaState, mediaState);
|
|
138
|
-
};
|
|
139
|
-
let state;
|
|
140
|
-
if (process.env.TAMAGUI_SYNC_MEDIA_QUERY)
|
|
141
|
-
state = import_react.default.useSyncExternalStore(
|
|
142
|
-
subscribe,
|
|
143
|
-
getSnapshot,
|
|
144
|
-
() => initialState
|
|
145
|
-
);
|
|
146
|
-
else {
|
|
147
|
-
const [_state, setState] = import_react.default.useState(initialState);
|
|
148
|
-
state = _state, (0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
149
|
-
function update() {
|
|
150
|
-
setState(getSnapshot);
|
|
151
|
-
}
|
|
152
|
-
return update(), disableSSR || Promise.resolve().then(() => {
|
|
153
|
-
update();
|
|
154
|
-
}), subscribe(update);
|
|
155
|
-
}, []);
|
|
156
|
-
}
|
|
157
|
-
return new Proxy(state, {
|
|
158
|
-
get(_, key) {
|
|
159
|
-
if (!disableMediaTouch)
|
|
160
|
-
return typeof key == "string" && (componentState.keys ||= {}, componentState.keys[key] = !0, process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key)), Reflect.get(state, key);
|
|
161
|
-
}
|
|
162
|
-
});
|
|
163
|
-
}
|
|
164
|
-
let disableMediaTouch = !1;
|
|
165
|
-
function _dmt(val) {
|
|
166
|
-
disableMediaTouch = val;
|
|
167
|
-
}
|
|
168
|
-
function getMediaState(mediaGroups, layout) {
|
|
169
|
-
disableMediaTouch = !0;
|
|
170
|
-
let res;
|
|
171
|
-
try {
|
|
172
|
-
res = Object.fromEntries(
|
|
173
|
-
[...mediaGroups].map((mediaKey) => [mediaKey, mediaKeyMatch(mediaKey, layout)])
|
|
174
|
-
);
|
|
175
|
-
} finally {
|
|
176
|
-
disableMediaTouch = !1;
|
|
177
|
-
}
|
|
178
|
-
return res;
|
|
179
|
-
}
|
|
180
|
-
const getMediaImportanceIfMoreImportant = (mediaKey, key, importancesUsed, isSizeMedia) => {
|
|
181
|
-
const importance = isSizeMedia && !(0, import_config.getSetting)("mediaPropOrder") ? getMediaKeyImportance(mediaKey) : defaultMediaImportance;
|
|
182
|
-
return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null;
|
|
183
|
-
};
|
|
184
|
-
function camelToHyphen(str) {
|
|
185
|
-
return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase();
|
|
186
|
-
}
|
|
187
|
-
const cache = /* @__PURE__ */ new WeakMap(), cachedMediaKeyToQuery = {};
|
|
188
|
-
function mediaObjectToString(query, key) {
|
|
189
|
-
if (typeof query == "string")
|
|
190
|
-
return query;
|
|
191
|
-
if (cache.has(query))
|
|
192
|
-
return cache.get(query);
|
|
193
|
-
const res = Object.entries(query).map(([feature, value]) => (feature = camelToHyphen(feature), typeof value == "string" ? `(${feature}: ${value})` : (typeof value == "number" && /[height|width]$/.test(feature) && (value = `${value}px`), `(${feature}: ${value})`))).join(" and ");
|
|
194
|
-
return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
|
|
195
|
-
}
|
|
196
|
-
function mediaKeyToQuery(key) {
|
|
197
|
-
return cachedMediaKeyToQuery[key] || mediaObjectToString(mediaQueryConfig[key], key);
|
|
198
|
-
}
|
|
199
|
-
function mediaKeyMatch(key, dimensions) {
|
|
200
|
-
const mediaQueries = mediaQueryConfig[key];
|
|
201
|
-
return Object.keys(mediaQueries).every((query) => {
|
|
202
|
-
const expectedVal = +mediaQueries[query], isMax = query.startsWith("max"), isWidth = query.endsWith("Width"), givenVal = dimensions[isWidth ? "width" : "height"];
|
|
203
|
-
return isMax ? givenVal < expectedVal : givenVal > expectedVal;
|
|
204
|
-
});
|
|
205
|
-
}
|
|
206
|
-
//# sourceMappingURL=useMedia.js.map
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
|
-
var useProps_exports = {};
|
|
24
|
-
__export(useProps_exports, {
|
|
25
|
-
useProps: () => useProps,
|
|
26
|
-
usePropsAndStyle: () => usePropsAndStyle,
|
|
27
|
-
useStyle: () => useStyle
|
|
28
|
-
});
|
|
29
|
-
module.exports = __toCommonJS(useProps_exports);
|
|
30
|
-
var import_react = __toESM(require("react")), import_config = require("../config"), import_ComponentContext = require("../contexts/ComponentContext"), import_getSplitStyles = require("../helpers/getSplitStyles"), import_subscribeToContextGroup = require("../helpers/subscribeToContextGroup"), import_Stack = require("../views/Stack"), import_useComponentState = require("./useComponentState"), import_useMedia = require("./useMedia"), import_useTheme = require("./useTheme");
|
|
31
|
-
function useProps(props, opts) {
|
|
32
|
-
const [propsOut, styleOut] = usePropsAndStyle(props, {
|
|
33
|
-
...opts,
|
|
34
|
-
noExpand: !0,
|
|
35
|
-
noNormalize: !0,
|
|
36
|
-
resolveValues: "none"
|
|
37
|
-
});
|
|
38
|
-
return {
|
|
39
|
-
...propsOut,
|
|
40
|
-
...styleOut
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
function useStyle(props, opts) {
|
|
44
|
-
return usePropsAndStyle(props, opts)[1] || {};
|
|
45
|
-
}
|
|
46
|
-
function usePropsAndStyle(props, opts) {
|
|
47
|
-
const staticConfig = opts?.forComponent?.staticConfig ?? import_Stack.Stack.staticConfig, [themeState, theme] = (0, import_useTheme.useThemeWithState)({
|
|
48
|
-
componentName: staticConfig.componentName,
|
|
49
|
-
name: "theme" in props ? props.theme : void 0,
|
|
50
|
-
inverse: "themeInverse" in props ? props.themeInverse : void 0
|
|
51
|
-
}), componentContext = import_react.default.useContext(import_ComponentContext.ComponentContext), { state, disabled, setStateShallow } = (0, import_useComponentState.useComponentState)(
|
|
52
|
-
props,
|
|
53
|
-
componentContext,
|
|
54
|
-
staticConfig,
|
|
55
|
-
(0, import_config.getConfig)()
|
|
56
|
-
), mediaState = (0, import_useMedia.useMedia)(), splitStyles = (0, import_getSplitStyles.useSplitStyles)(
|
|
57
|
-
props,
|
|
58
|
-
staticConfig,
|
|
59
|
-
theme,
|
|
60
|
-
themeState.state?.name || "",
|
|
61
|
-
state,
|
|
62
|
-
{
|
|
63
|
-
isAnimated: !1,
|
|
64
|
-
mediaState,
|
|
65
|
-
noSkip: !0,
|
|
66
|
-
noMergeStyle: !0,
|
|
67
|
-
noClassNames: !0,
|
|
68
|
-
resolveValues: "auto",
|
|
69
|
-
...opts
|
|
70
|
-
},
|
|
71
|
-
null,
|
|
72
|
-
componentContext
|
|
73
|
-
), { mediaGroups, pseudoGroups } = splitStyles;
|
|
74
|
-
return import_react.default.useEffect(() => {
|
|
75
|
-
if (!disabled) {
|
|
76
|
-
if (state.unmounted) {
|
|
77
|
-
setStateShallow({ unmounted: !1 });
|
|
78
|
-
return;
|
|
79
|
-
}
|
|
80
|
-
return (0, import_subscribeToContextGroup.subscribeToContextGroup)({
|
|
81
|
-
disabled,
|
|
82
|
-
componentContext,
|
|
83
|
-
setStateShallow,
|
|
84
|
-
state,
|
|
85
|
-
mediaGroups,
|
|
86
|
-
pseudoGroups
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
}, [
|
|
90
|
-
disabled,
|
|
91
|
-
pseudoGroups ? Object.keys([...pseudoGroups]).join("") : 0,
|
|
92
|
-
mediaGroups ? Object.keys([...mediaGroups]).join("") : 0
|
|
93
|
-
]), [splitStyles.viewProps, splitStyles.style || {}, theme, mediaState];
|
|
94
|
-
}
|
|
95
|
-
//# sourceMappingURL=useProps.js.map
|