@tamagui/web 1.5.7 → 1.5.9

package/src/helpers/getSplitStyles.tsx

@@ -15,15 +15,15 @@ import {
 import { useInsertionEffect } from 'react'
 import type { TextStyle, ViewStyle } from 'react-native'
 
-import { getConfig, getFont } from '../config'
-import { isDevTools } from '../constants/isDevTools'
+import { getConfig, getFont } from '../config.js'
+import { isDevTools } from '../constants/isDevTools.js'
 import {
   getMediaImportanceIfMoreImportant,
   mediaState as globalMediaState,
   mediaKeysWithAndWithout$,
   mediaQueryConfig,
   mergeMediaByImportance,
-} from '../hooks/useMedia'
+} from '../hooks/useMedia.js'
 import type {
   ClassNamesObject,
   DebugProp,
@@ -38,24 +38,27 @@ import type {
   StaticConfigParsed,
   TamaguiInternalConfig,
   ThemeParsed,
-} from '../types'
-import { FontLanguageProps, LanguageContextType } from '../views/FontLanguage.types'
-import { createMediaStyle } from './createMediaStyle'
-import { getPropMappedFontFamily } from './createPropMapper'
-import { fixStyles } from './expandStyles'
-import { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic'
+} from '../types.js'
+import type {
+  FontLanguageProps,
+  LanguageContextType,
+} from '../views/FontLanguage.types.js'
+import { createMediaStyle } from './createMediaStyle.js'
+import { getPropMappedFontFamily } from './createPropMapper.js'
+import { fixStyles } from './expandStyles.js'
+import { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic.js'
 import {
   insertStyleRules,
   insertedTransforms,
   scanAllSheets,
   shouldInsertStyleRules,
   updateRules,
-} from './insertStyleRule'
+} from './insertStyleRule.js'
 import {
   normalizeValueWithProperty,
   reverseMapClassNameToValue,
 } from './normalizeValueWithProperty.js'
-import { pseudoDescriptors } from './pseudoDescriptors'
+import { pseudoDescriptors } from './pseudoDescriptors.js'
 
 type GetStyleState = {
   style: ViewStyle

package/src/helpers/getStylesAtomic.ts

@@ -6,11 +6,11 @@
 import { StyleObject, simpleHash } from '@tamagui/helpers'
 import type { TextStyle, ViewStyle } from 'react-native'
 
-import { getConfig } from '../config'
-import { TamaguiInternalConfig } from '../types'
-import { defaultOffset } from './expandStyles'
+import { getConfig } from '../config.js'
+import type { TamaguiInternalConfig } from '../types.js'
+import { defaultOffset } from './expandStyles.js'
 import { normalizeValueWithProperty } from './normalizeValueWithProperty.js'
-import { PseudoDescriptor, pseudoDescriptors } from './pseudoDescriptors'
+import { PseudoDescriptor, pseudoDescriptors } from './pseudoDescriptors.js'
 
 // refactor this file away next...
 

package/src/helpers/getThemeCSSRules.ts

@@ -1,9 +1,9 @@
 import { simpleHash } from '@tamagui/helpers'
 
-import { THEME_CLASSNAME_PREFIX } from '../constants/constants'
-import { Variable, variableToString } from '../createVariable'
-import { CreateTamaguiProps, ThemeParsed } from '../types'
-import { tokensValueToVariable } from './registerCSSVariable'
+import { THEME_CLASSNAME_PREFIX } from '../constants/constants.js'
+import { Variable, variableToString } from '../createVariable.js'
+import type { CreateTamaguiProps, ThemeParsed } from '../types.js'
+import { tokensValueToVariable } from './registerCSSVariable.js'
 
 export function getThemeCSSRules({
   config,

package/src/helpers/getVariantExtras.tsx

@@ -1,7 +1,7 @@
-import { getConfig } from '../config'
-import { GenericFonts } from '../types'
-import { LanguageContextType } from '../views/FontLanguage.types'
-import { createProxy } from './createProxy'
+import { getConfig } from '../config.js'
+import { GenericFonts } from '../types.js'
+import { LanguageContextType } from '../views/FontLanguage.types.js'
+import { createProxy } from './createProxy.js'
 
 const extrasCache = new WeakMap()
 

package/src/helpers/insertStyleRule.tsx

@@ -1,6 +1,6 @@
 import type { StyleObject } from '@tamagui/helpers'
 
-import { PartialStyleObject, RulesToInsert } from '../types'
+import { PartialStyleObject, RulesToInsert } from '../types.js'
 
 const allSelectors: Record<string, string> = {}
 const allRules: Record<string, string> = {}

package/src/helpers/isTamaguiComponent.tsx

@@ -1,4 +1,4 @@
-import { StaticConfig, StaticConfigParsed } from '../types'
+import { StaticConfig, StaticConfigParsed } from '../types.js'
 
 export function isTamaguiComponent<A>(
   comp: A,

package/src/helpers/isTamaguiElement.tsx

@@ -1,7 +1,7 @@
 import { isValidElement } from 'react'
 
-import { TamaguiReactElement } from '../types'
-import { isTamaguiComponent } from './isTamaguiComponent'
+import { TamaguiReactElement } from '../types.js'
+import { isTamaguiComponent } from './isTamaguiComponent.js'
 
 export const isTamaguiElement = (
   child: any,

package/src/helpers/matchMedia.native.ts

@@ -1,4 +1,4 @@
-import { MatchMedia, MediaQueryList } from '../types'
+import { MatchMedia, MediaQueryList } from '../types.js'
 
 let matchMediaImpl: MatchMedia = matchMediaFallback
 

package/src/helpers/matchMedia.ts

@@ -1,4 +1,4 @@
-import { MatchMedia, MediaQueryList } from '../types'
+import { MatchMedia, MediaQueryList } from '../types.js'
 
 export const matchMedia =
   (typeof window !== 'undefined' && window.matchMedia) || matchMediaFallback

package/src/helpers/normalizeShadow.native.ts

@@ -1,7 +1,7 @@
 import { normalizeCSSColor } from '@tamagui/normalize-css-color'
 
-import { defaultOffset } from './expandStyles'
-import { rgba } from './normalizeColor'
+import { defaultOffset } from './expandStyles.js'
+import { rgba } from './normalizeColor.js'
 import { normalizeValueWithProperty } from './normalizeValueWithProperty.js'
 
 export function normalizeShadow({

package/src/helpers/normalizeShadow.ts

@@ -1,4 +1,4 @@
-import { defaultOffset } from './expandStyles'
+import { defaultOffset } from './expandStyles.js'
 import { normalizeValueWithProperty } from './normalizeValueWithProperty.js'
 
 export function normalizeShadow({

package/src/helpers/normalizeValueWithProperty.ts

@@ -5,9 +5,9 @@
 
 import { isWeb } from '@tamagui/constants'
 
-import { getAllSelectors } from './insertStyleRule'
-import { names, normalizeColor } from './normalizeColor'
-import { normalizeStylePropKeys } from './normalizeStylePropKeys'
+import { getAllSelectors } from './insertStyleRule.js'
+import { names, normalizeColor } from './normalizeColor.js'
+import { normalizeStylePropKeys } from './normalizeStylePropKeys.js'
 
 const colorCache = {}
 

package/src/helpers/proxyThemeVariables.tsx

@@ -1,4 +1,4 @@
-import { createProxy } from './createProxy'
+import { createProxy } from './createProxy.js'
 
 export function proxyThemeVariables<A extends Object>(obj: A): A {
   return createProxy<A>(obj || {}, {

package/src/helpers/registerCSSVariable.ts

@@ -1,4 +1,4 @@
-import { Variable, createCSSVariable } from '../createVariable'
+import { Variable, createCSSVariable } from '../createVariable.js'
 
 export const registerCSSVariable = (v: Variable) => {
   tokensValueToVariable.set(v.val, v)

package/src/helpers/themeable.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef, useId } from 'react'
 
-import { DebugProp, ThemeName } from '../types'
-import { Theme } from '../views/Theme'
+import { DebugProp, ThemeName } from '../types.js'
+import { Theme } from '../views/Theme.js'
 
 export interface ThemeableProps {
   theme?: ThemeName | null

package/src/helpers/themes.ts

@@ -1,6 +1,6 @@
-import { createVariable, isVariable } from '../createVariable'
-import { GetThemeUnwrapped } from '../hooks/getThemeUnwrapped'
-import { CreateTamaguiProps } from '../types'
+import { createVariable, isVariable } from '../createVariable.js'
+import { GetThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'
+import { CreateTamaguiProps } from '../types.js'
 
 // mutates, freeze after
 // shared by createTamagui so extracted here

package/src/helpers/useShallowSetState.tsx

@@ -1,7 +1,6 @@
 import React, { startTransition, useCallback } from 'react'
 
-import { DebugProp } from '../types'
-import { TamaguiComponentState } from '..'
+import { DebugProp, TamaguiComponentState } from '../types.js'
 
 export function useShallowSetState<State extends TamaguiComponentState>(
   setter: React.Dispatch<React.SetStateAction<State>>,

package/src/hooks/useMedia.tsx

@@ -1,16 +1,16 @@
 import { startTransition, useEffect, useMemo, useSyncExternalStore } from 'react'
 
-import { getConfig } from '../config'
-import { createProxy } from '../helpers/createProxy'
-import { matchMedia } from '../helpers/matchMedia'
+import { getConfig } from '../config.js'
+import { createProxy } from '../helpers/createProxy.js'
+import { matchMedia } from '../helpers/matchMedia.js'
 import {
   MediaQueries,
   MediaQueryKey,
   MediaQueryObject,
   MediaQueryState,
   TamaguiInternalConfig,
-} from '../types'
-import { useSafeRef } from './useSafeRef'
+} from '../types.js'
+import { useSafeRef } from './useSafeRef.js'
 
 export let mediaState: MediaQueryState =
   // development only safeguard

package/src/hooks/useStyle.tsx

@@ -1,9 +1,9 @@
 import { isRSC, isWeb } from '@tamagui/constants'
 import { useContext } from 'react'
 
-import { FontLanguageContext } from '../contexts/FontLanguageContext'
-import { TextAncestorContext } from '../contexts/TextAncestorContext'
-import { useSplitStyles } from '../helpers/getSplitStyles'
+import { FontLanguageContext } from '../contexts/FontLanguageContext.js'
+import { TextAncestorContext } from '../contexts/TextAncestorContext.js'
+import { useSplitStyles } from '../helpers/getSplitStyles.js'
 import {
   DebugProp,
   GetProps,
@@ -11,8 +11,8 @@ import {
   TamaguiComponent,
   TextNonStyleProps,
 } from '../types'
-import { useMedia } from './useMedia'
-import { useTheme } from './useTheme'
+import { useMedia } from './useMedia.js'
+import { useTheme } from './useTheme.js'
 
 export function useStyle<
   Component extends TamaguiComponent,

package/src/hooks/useTheme.tsx

@@ -2,18 +2,18 @@
 import { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'
 import { useContext, useEffect, useMemo, useState } from 'react'
 
-import { getConfig } from '../config'
-import { isDevTools } from '../constants/isDevTools'
-import { createProxy } from '../helpers/createProxy'
+import { getConfig } from '../config.js'
+import { isDevTools } from '../constants/isDevTools.js'
+import { createProxy } from '../helpers/createProxy.js'
 import {
   ThemeManager,
   ThemeManagerState,
   hasNoThemeUpdatingProps,
-} from '../helpers/ThemeManager'
-import { ThemeManagerContext } from '../helpers/ThemeManagerContext'
-import { ThemeParsed, ThemeProps } from '../types'
-import { GetThemeUnwrapped } from './getThemeUnwrapped'
-import { useServerRef } from './useServerHooks'
+} from '../helpers/ThemeManager.js'
+import { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'
+import type { ThemeParsed, ThemeProps } from '../types.js'
+import { GetThemeUnwrapped } from './getThemeUnwrapped.js'
+import { useServerRef } from './useServerHooks.js'
 
 export type ChangedThemeResponse = {
   themeManager: ThemeManager | null

package/src/hooks/useThemeName.tsx

@@ -1,9 +1,9 @@
 import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'
 import { useContext, useState } from 'react'
 
-import { getConfig } from '../config'
-import { ThemeManagerContext } from '../helpers/ThemeManagerContext'
-import { ThemeName } from '../types'
+import { getConfig } from '../config.js'
+import { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'
+import { ThemeName } from '../types.js'
 
 export function useThemeName(opts?: { parent?: true }): ThemeName {
   if (isRSC) {

package/src/index.ts

@@ -1,43 +1,43 @@
-export * from './Tamagui'
-export * from './createComponent'
-export * from './createShorthands'
-export * from './createTheme'
-export * from './createTamagui'
-export * from './createFont'
-export * from './createTokens'
-export * from './createVariable'
-export * from './createVariables'
-export * from './insertFont'
-export * from './addTheme'
-export * from './updateTheme'
-export * from './styled'
-export * from './types'
-export * from './setupReactNative'
+export * from './Tamagui.js'
+export * from './createComponent.js'
+export * from './createShorthands.js'
+export * from './createTheme.js'
+export * from './createTamagui.js'
+export * from './createFont.js'
+export * from './createTokens.js'
+export * from './createVariable.js'
+export * from './createVariables.js'
+export * from './insertFont.js'
+export * from './addTheme.js'
+export * from './updateTheme.js'
+export * from './styled.js'
+export * from './types.js'
+export * from './setupReactNative.js'
 
-export { getConfig, getThemes, getTokens, onConfiguredOnce } from './config'
+export { getConfig, getThemes, getTokens, onConfiguredOnce } from './config.js'
 
-export * from './constants/constants'
+export * from './constants/constants.js'
 
-export * from './helpers/useShallowSetState'
-export * from './helpers/getVariantExtras'
-export * from './helpers/getAnimationDriver'
-export * from './helpers/getExpandedShorthands'
-export * from './helpers/getSplitStyles'
-export * from './helpers/getStylesAtomic'
-export * from './helpers/pseudoDescriptors'
-export * from './helpers/mergeProps'
-export * from './helpers/expandStyles'
-export * from './helpers/isTamaguiElement'
-export * from './helpers/isTamaguiComponent'
-export * from './helpers/matchMedia'
-export * from './helpers/proxyThemeVariables'
-export * from './helpers/themeable'
-export * from './helpers/withStaticProperties'
+export * from './helpers/useShallowSetState.js'
+export * from './helpers/getVariantExtras.js'
+export * from './helpers/getAnimationDriver.js'
+export * from './helpers/getExpandedShorthands.js'
+export * from './helpers/getSplitStyles.js'
+export * from './helpers/getStylesAtomic.js'
+export * from './helpers/pseudoDescriptors.js'
+export * from './helpers/mergeProps.js'
+export * from './helpers/expandStyles.js'
+export * from './helpers/isTamaguiElement.js'
+export * from './helpers/isTamaguiComponent.js'
+export * from './helpers/matchMedia.js'
+export * from './helpers/proxyThemeVariables.js'
+export * from './helpers/themeable.js'
+export * from './helpers/withStaticProperties.js'
 
-export * from './contexts/ButtonNestingContext'
+export * from './contexts/ButtonNestingContext.js'
 
-export * from './hooks/useId'
-export * from './hooks/useIsTouchDevice'
+export * from './hooks/useId.js'
+export * from './hooks/useIsTouchDevice.js'
 
 export {
   configureMedia,
@@ -47,20 +47,20 @@ export {
   useMediaPropsActive,
   mediaObjectToString,
   mediaQueryConfig,
-} from './hooks/useMedia'
-export * from './hooks/useTheme'
-export * from './hooks/useThemeName'
-export * from './hooks/useSafeRef'
-export * from './hooks/useStyle'
+} from './hooks/useMedia.js'
+export * from './hooks/useTheme.js'
+export * from './hooks/useThemeName.js'
+export * from './hooks/useSafeRef.js'
+export * from './hooks/useStyle.js'
 
-export * from './views/Slot'
-export * from './views/Stack'
-export * from './views/Text'
-export * from './contexts/TextAncestorContext'
-export * from './views/Theme'
-export * from './views/ThemeProvider'
-export * from './views/FontLanguage'
-export * from './views/TamaguiProvider'
+export * from './views/Slot.js'
+export * from './views/Stack.js'
+export * from './views/Text.js'
+export * from './contexts/TextAncestorContext.js'
+export * from './views/Theme.js'
+export * from './views/ThemeProvider.js'
+export * from './views/FontLanguage.js'
+export * from './views/TamaguiProvider.js'
 
 export * from '@tamagui/use-force-update'
 export * from '@tamagui/use-did-finish-ssr'
@@ -69,4 +69,4 @@ export * from '@tamagui/compose-refs'
 export * from '@tamagui/helpers'
 export * from '@tamagui/constants'
 
-export * from './setupHooks'
+export * from './setupHooks.js'

package/src/insertFont.ts

@@ -1,9 +1,9 @@
-import { setConfigFont } from './config'
-import { createFont } from './createFont'
-import { Variable } from './createVariable'
-import { DeepVariableObject, createVariables } from './createVariables'
-import { registerCSSVariable, variableToCSS } from './helpers/registerCSSVariable'
-import { GenericFont } from './types'
+import { setConfigFont } from './config.js'
+import { createFont } from './createFont.js'
+import { Variable } from './createVariable.js'
+import { DeepVariableObject, createVariables } from './createVariables.js'
+import { registerCSSVariable, variableToCSS } from './helpers/registerCSSVariable.js'
+import { GenericFont } from './types.js'
 
 /**
  * Runtime dynamic insert font

package/src/setupReactNative.ts

@@ -1,4 +1,4 @@
-import { StaticConfig } from './types'
+import { StaticConfig } from './types.js'
 
 export const ReactNativeStaticConfigs = new WeakMap<any, Partial<StaticConfig> | null>()
 

package/src/styled.tsx

@@ -1,8 +1,8 @@
 import { stylePropsAll } from '@tamagui/helpers'
 
-import { createComponent } from './createComponent'
-import { ReactNativeStaticConfigs } from './setupReactNative'
-import {
+import { createComponent } from './createComponent.js'
+import { ReactNativeStaticConfigs } from './setupReactNative.js'
+import type {
   GetProps,
   GetVariantValues,
   MediaProps,
@@ -13,7 +13,7 @@ import {
   TamaguiElement,
   VariantDefinitions,
   VariantSpreadFunction,
-} from './types'
+} from './types.js'
 
 // TODO may be able to use this in the options?: arg below directly
 export type StyledOptions<ParentComponent extends StylableComponent> =

package/src/types.tsx

@@ -24,10 +24,10 @@ import type {
   ViewStyle,
 } from 'react-native'
 
-import type { Variable } from './createVariable'
-import type { ResolveVariableTypes } from './helpers/createPropMapper'
-import type { FontLanguageProps } from './views/FontLanguage.types'
-import type { ThemeProviderProps } from './views/ThemeProvider'
+import type { Variable } from './createVariable.js'
+import type { ResolveVariableTypes } from './helpers/createPropMapper.js'
+import type { FontLanguageProps } from './views/FontLanguage.types.js'
+import type { ThemeProviderProps } from './views/ThemeProvider.js'
 
 export type SpaceDirection = 'vertical' | 'horizontal' | 'both'
 

package/src/updateTheme.ts

@@ -1,6 +1,6 @@
-import { addTheme } from './addTheme'
-import { activeThemeManagers } from './hooks/useTheme'
-import { ThemeDefinition } from './types'
+import { addTheme } from './addTheme.js'
+import { activeThemeManagers } from './hooks/useTheme.js'
+import type { ThemeDefinition } from './types.js'
 
 export function updateTheme({
   name,

package/src/views/FontLanguage.native.tsx

@@ -1,7 +1,7 @@
-import React, { useMemo } from 'react'
+import { useMemo } from 'react'
 
-import { FontLanguageContext } from '../contexts/FontLanguageContext'
-import { FontLanguageProps } from './FontLanguage.types'
+import { FontLanguageContext } from '../contexts/FontLanguageContext.js'
+import type { FontLanguageProps } from './FontLanguage.types.js'
 
 export const FontLanguage = ({ children, ...props }: FontLanguageProps) => {
   // eslint-disable-next-line react-hooks/exhaustive-deps

package/src/views/FontLanguage.tsx

@@ -1,4 +1,4 @@
-import { FontLanguageProps } from './FontLanguage.types'
+import type { FontLanguageProps } from './FontLanguage.types.js'
 
 export const FontLanguage = ({ children, ...props }: FontLanguageProps) => {
   return (

package/src/views/Stack.tsx

@@ -1,8 +1,8 @@
 import type { View } from 'react-native'
 
-import { stackDefaultStyles } from '../constants/constants'
-import { createComponent } from '../createComponent'
-import { StackProps, StackPropsBase } from '../types'
+import { stackDefaultStyles } from '../constants/constants.js'
+import { createComponent } from '../createComponent.js'
+import type { StackProps, StackPropsBase } from '../types.js'
 
 export const Stack = createComponent<StackProps, View, StackPropsBase>({
   componentName: 'Stack',

package/src/views/TamaguiProvider.tsx

@@ -1,11 +1,11 @@
 import { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'
 import * as React from 'react'
 
-import { ButtonNestingContext } from '../contexts/ButtonNestingContext'
-import { TextAncestorContext } from '../contexts/TextAncestorContext'
-import { useMediaListeners } from '../hooks/useMedia'
-import type { TamaguiProviderProps } from '../types'
-import { ThemeProvider } from './ThemeProvider'
+import { ButtonNestingContext } from '../contexts/ButtonNestingContext.js'
+import { TextAncestorContext } from '../contexts/TextAncestorContext.js'
+import { useMediaListeners } from '../hooks/useMedia.js'
+import type { TamaguiProviderProps } from '../types.js'
+import { ThemeProvider } from './ThemeProvider.js'
 
 export function TamaguiProvider({
   children,

package/src/views/Text.tsx

@@ -2,8 +2,8 @@ import { isWeb } from '@tamagui/constants'
 import { stylePropsTextOnly, validStyles } from '@tamagui/helpers'
 import type { Text as TextView } from 'react-native'
 
-import { createComponent } from '../createComponent'
-import { TextProps, TextPropsBase } from '../types'
+import { createComponent } from '../createComponent.js'
+import { TextProps, TextPropsBase } from '../types.js'
 
 const ellipseStyle = {
   maxWidth: '100%',

package/src/views/Theme.tsx

@@ -1,11 +1,11 @@
 import { isWeb } from '@tamagui/constants'
 import { Children, cloneElement } from 'react'
 
-import { variableToString } from '../createVariable'
-import { ThemeManagerContext } from '../helpers/ThemeManagerContext'
-import { useServerRef } from '../hooks/useServerHooks'
-import { ChangedThemeResponse, useChangeThemeEffect } from '../hooks/useTheme'
-import { ThemeProps } from '../types'
+import { variableToString } from '../createVariable.js'
+import { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'
+import { useServerRef } from '../hooks/useServerHooks.js'
+import { ChangedThemeResponse, useChangeThemeEffect } from '../hooks/useTheme.js'
+import type { ThemeProps } from '../types.js'
 
 export function Theme(props: ThemeProps) {
   // @ts-expect-error only for internal views

package/src/views/ThemeProvider.tsx

@@ -1,8 +1,8 @@
 import { isClient } from '@tamagui/constants'
 import { createContext, useLayoutEffect, useMemo } from 'react'
 
-import { THEME_CLASSNAME_PREFIX } from '../constants/constants'
-import { Theme } from './Theme'
+import { THEME_CLASSNAME_PREFIX } from '../constants/constants.js'
+import { Theme } from './Theme.js'
 
 export type ThemeProviderProps = {
   className?: string

package/types/Tamagui.d.ts

@@ -5,11 +5,11 @@ declare class TamaguiManager {
         [x: string]: boolean;
         [x: number]: boolean;
     };
-    get config(): import("./types").TamaguiInternalConfig<import("./types").CreateTokens<import("./types").VariableVal>, {
-        [key: string]: Partial<import("./types").TamaguiBaseTheme> & {
-            [key: string]: import("./types").VariableVal;
+    get config(): import("./types.js").TamaguiInternalConfig<import("./types.js").CreateTokens<import("./types.js").VariableVal>, {
+        [key: string]: Partial<import("./types.js").TamaguiBaseTheme> & {
+            [key: string]: import("./types.js").VariableVal;
         };
-    }, import("./types").GenericShorthands, {
+    }, import("./types.js").GenericShorthands, {
         [key: string]: {
             [key: string]: string | number;
         };
@@ -17,7 +17,7 @@ declare class TamaguiManager {
         [key: string]: string | any[] | {
             [key: string]: any;
         };
-    }, import("./types").GenericFonts>;
+    }, import("./types.js").GenericFonts>;
     get insertedRules(): string[];
     get allSelectors(): Record<string, string>;
     get allTransforms(): {};