@tamagui/web 1.22.7 → 1.22.8

package/dist/esm/index.mjs

@@ -1,43 +1,43 @@
-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 "./styled.js";
-export * from "./types.js";
-export * from "./setupReactNative.js";
+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 "./styled";
+export * from "./types";
+export * from "./setupReactNative";
 import {
   getConfig,
   getThemes,
   getTokens,
   onConfiguredOnce,
   updateConfig
-} from "./config.js";
-export * from "./constants/constants.js";
-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";
+} from "./config";
+export * from "./constants/constants";
+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.js";
-export * from "./helpers/mergeProps.js";
-export * from "./helpers/expandStyles.js";
-export * from "./helpers/isTamaguiElement.js";
-export * from "./helpers/isTamaguiComponent.js";
+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/themes.js";
-export * from "./helpers/getThemeCSSRules.js";
-export * from "./helpers/proxyThemeVariables.js";
-export * from "./helpers/themeable.js";
-export * from "./helpers/withStaticProperties.js";
-export * from "./helpers/normalizeColor.js";
-export * from "./contexts/ButtonNestingContext.js";
+export * from "./helpers/themes";
+export * from "./helpers/getThemeCSSRules";
+export * from "./helpers/proxyThemeVariables";
+export * from "./helpers/themeable";
+export * from "./helpers/withStaticProperties";
+export * from "./helpers/normalizeColor";
+export * from "./contexts/ButtonNestingContext";
 import {
   configureMedia,
   getMedia,
@@ -46,30 +46,30 @@ import {
   useMediaPropsActive,
   mediaObjectToString,
   mediaQueryConfig
-} 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 "./hooks/useAnimationDriver.js";
-export * from "./hooks/useIsTouchDevice.js";
-export * from "./hooks/useProps.js";
-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";
+} from "./hooks/useMedia";
+export * from "./hooks/useTheme";
+export * from "./hooks/useThemeName";
+export * from "./hooks/useSafeRef";
+export * from "./hooks/useStyle";
+export * from "./hooks/useAnimationDriver";
+export * from "./hooks/useIsTouchDevice";
+export * from "./hooks/useProps";
+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.js";
-export * from "./views/AnimationDriverProvider.js";
+export * from "./views/TamaguiProvider";
+export * from "./views/AnimationDriverProvider";
 export * from "@tamagui/use-force-update";
 export * from "@tamagui/use-did-finish-ssr";
 export * from "@tamagui/use-event";
 export * from "@tamagui/compose-refs";
 export * from "@tamagui/helpers";
 export * from "@tamagui/constants";
-export * from "./setupHooks.js";
+export * from "./setupHooks";
 export {
   configureMedia,
   getConfig,

package/dist/esm/insertFont.js

@@ -1,7 +1,7 @@
-import { setConfigFont } from "./config.js";
-import { createFont } from "./createFont.js";
-import { createVariables } from "./createVariables.js";
-import { registerCSSVariable, variableToCSS } from "./helpers/registerCSSVariable.js";
+import { setConfigFont } from "./config";
+import { createFont } from "./createFont";
+import { createVariables } from "./createVariables";
+import { registerCSSVariable, variableToCSS } from "./helpers/registerCSSVariable";
 function insertFont(name, fontIn) {
   const font = createFont(fontIn);
   const tokened = createVariables(font, name);

package/dist/esm/insertFont.mjs

@@ -1,7 +1,7 @@
-import { setConfigFont } from "./config.js";
-import { createFont } from "./createFont.js";
-import { createVariables } from "./createVariables.js";
-import { registerCSSVariable, variableToCSS } from "./helpers/registerCSSVariable.js";
+import { setConfigFont } from "./config";
+import { createFont } from "./createFont";
+import { createVariables } from "./createVariables";
+import { registerCSSVariable, variableToCSS } from "./helpers/registerCSSVariable";
 function insertFont(name, fontIn) {
   const font = createFont(fontIn);
   const tokened = createVariables(font, name);

package/dist/esm/styled.js

@@ -1,7 +1,7 @@
 import { stylePropsAll } from "@tamagui/helpers";
-import { createComponent } from "./createComponent.js";
-import { mergeVariants } from "./helpers/extendStaticConfig.js";
-import { ReactNativeStaticConfigs } from "./setupReactNative.js";
+import { createComponent } from "./createComponent";
+import { mergeVariants } from "./helpers/extendStaticConfig";
+import { ReactNativeStaticConfigs } from "./setupReactNative";
 function styled(ComponentIn, options, staticExtractionOptions) {
   if (process.env.NODE_ENV !== "production") {
     if (!ComponentIn) {

package/dist/esm/styled.mjs

@@ -1,7 +1,7 @@
 import { stylePropsAll } from "@tamagui/helpers";
-import { createComponent } from "./createComponent.js";
-import { mergeVariants } from "./helpers/extendStaticConfig.js";
-import { ReactNativeStaticConfigs } from "./setupReactNative.js";
+import { createComponent } from "./createComponent";
+import { mergeVariants } from "./helpers/extendStaticConfig";
+import { ReactNativeStaticConfigs } from "./setupReactNative";
 function styled(ComponentIn, options, staticExtractionOptions) {
   if (process.env.NODE_ENV !== "production") {
     if (!ComponentIn) {

package/dist/esm/views/FontLanguage.native.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { FontLanguageContext } from "../contexts/FontLanguageContext.js";
+import { FontLanguageContext } from "../contexts/FontLanguageContext";
 const FontLanguage = ({ children, ...props }) => {
   const value = useMemo(() => props, [JSON.stringify(props)]);
   return /* @__PURE__ */ jsx(FontLanguageContext.Provider, { value, children });

package/dist/esm/views/FontLanguage.native.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { FontLanguageContext } from "../contexts/FontLanguageContext.js";
+import { FontLanguageContext } from "../contexts/FontLanguageContext";
 const FontLanguage = ({ children, ...props }) => {
   const value = useMemo(() => props, [JSON.stringify(props)]);
   return /* @__PURE__ */ jsx(FontLanguageContext.Provider, { value, children });

package/dist/esm/views/Stack.js

@@ -1,5 +1,5 @@
-import { stackDefaultStyles } from "../constants/constants.js";
-import { createComponent } from "../createComponent.js";
+import { stackDefaultStyles } from "../constants/constants";
+import { createComponent } from "../createComponent";
 const Stack = createComponent({
   acceptsClassName: true,
   defaultProps: {

package/dist/esm/views/Stack.mjs

@@ -1,5 +1,5 @@
-import { stackDefaultStyles } from "../constants/constants.js";
-import { createComponent } from "../createComponent.js";
+import { stackDefaultStyles } from "../constants/constants";
+import { createComponent } from "../createComponent";
 const Stack = createComponent({
   acceptsClassName: true,
   defaultProps: {

package/dist/esm/views/TamaguiProvider.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
 import * as React from "react";
-import { ButtonNestingContext } from "../contexts/ButtonNestingContext.js";
-import { TextAncestorContext } from "../contexts/TextAncestorContext.js";
-import { useMediaListeners } from "../hooks/useMedia.js";
-import { ThemeProvider } from "./ThemeProvider.js";
-import { AnimationDriverContext } from "../contexts/AnimationDriverContext.js";
+import { ButtonNestingContext } from "../contexts/ButtonNestingContext";
+import { TextAncestorContext } from "../contexts/TextAncestorContext";
+import { useMediaListeners } from "../hooks/useMedia";
+import { ThemeProvider } from "./ThemeProvider";
+import { AnimationDriverContext } from "../contexts/AnimationDriverContext";
 function TamaguiProvider({
   children,
   disableInjectCSS,

package/dist/esm/views/TamaguiProvider.mjs

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
 import * as React from "react";
-import { ButtonNestingContext } from "../contexts/ButtonNestingContext.js";
-import { TextAncestorContext } from "../contexts/TextAncestorContext.js";
-import { useMediaListeners } from "../hooks/useMedia.js";
-import { ThemeProvider } from "./ThemeProvider.js";
-import { AnimationDriverContext } from "../contexts/AnimationDriverContext.js";
+import { ButtonNestingContext } from "../contexts/ButtonNestingContext";
+import { TextAncestorContext } from "../contexts/TextAncestorContext";
+import { useMediaListeners } from "../hooks/useMedia";
+import { ThemeProvider } from "./ThemeProvider";
+import { AnimationDriverContext } from "../contexts/AnimationDriverContext";
 function TamaguiProvider({
   children,
   disableInjectCSS,

package/dist/esm/views/Text.js

@@ -1,6 +1,6 @@
 import { isWeb } from "@tamagui/constants";
 import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
-import { createComponent } from "../createComponent.js";
+import { createComponent } from "../createComponent";
 const ellipseStyle = {
   maxWidth: "100%",
   overflow: "hidden",

package/dist/esm/views/Text.mjs

@@ -1,6 +1,6 @@
 import { isWeb } from "@tamagui/constants";
 import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
-import { createComponent } from "../createComponent.js";
+import { createComponent } from "../createComponent";
 const ellipseStyle = {
   maxWidth: "100%",
   overflow: "hidden",

package/dist/esm/views/Theme.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { isWeb } from "@tamagui/constants";
 import { Children, cloneElement, isValidElement, useMemo } from "react";
-import { variableToString } from "../createVariable.js";
-import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
-import { useServerRef } from "../hooks/useServerHooks.js";
-import { useChangeThemeEffect } from "../hooks/useTheme.js";
+import { variableToString } from "../createVariable";
+import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
+import { useServerRef } from "../hooks/useServerHooks";
+import { useChangeThemeEffect } from "../hooks/useTheme";
 import { ThemeDebug } from "./ThemeDebug";
 function Theme(props) {
   if (props.disable) {

package/dist/esm/views/Theme.mjs

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { isWeb } from "@tamagui/constants";
 import { Children, cloneElement, isValidElement, useMemo } from "react";
-import { variableToString } from "../createVariable.js";
-import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
-import { useServerRef } from "../hooks/useServerHooks.js";
-import { useChangeThemeEffect } from "../hooks/useTheme.js";
+import { variableToString } from "../createVariable";
+import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
+import { useServerRef } from "../hooks/useServerHooks";
+import { useChangeThemeEffect } from "../hooks/useTheme";
 import { ThemeDebug } from "./ThemeDebug";
 function Theme(props) {
   if (props.disable) {

package/dist/esm/views/ThemeProvider.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { isClient } from "@tamagui/constants";
 import { createContext, useLayoutEffect, useMemo } from "react";
-import { THEME_CLASSNAME_PREFIX } from "../constants/constants.js";
-import { Theme } from "./Theme.js";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
+import { Theme } from "./Theme";
 const ThemeProviderRootContext = createContext(null);
 const ThemeProvider = (props) => {
   if (isClient) {

package/dist/esm/views/ThemeProvider.mjs

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { isClient } from "@tamagui/constants";
 import { createContext, useLayoutEffect, useMemo } from "react";
-import { THEME_CLASSNAME_PREFIX } from "../constants/constants.js";
-import { Theme } from "./Theme.js";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
+import { Theme } from "./Theme";
 const ThemeProviderRootContext = createContext(null);
 const ThemeProvider = (props) => {
   if (isClient) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/web",
-  "version": "1.22.7",
+  "version": "1.22.8",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -27,19 +27,19 @@
     "reset.css"
   ],
   "dependencies": {
-    "@tamagui/compose-refs": "1.22.7",
-    "@tamagui/constants": "1.22.7",
-    "@tamagui/helpers": "1.22.7",
-    "@tamagui/normalize-css-color": "1.22.7",
-    "@tamagui/use-did-finish-ssr": "1.22.7",
-    "@tamagui/use-event": "1.22.7",
-    "@tamagui/use-force-update": "1.22.7"
+    "@tamagui/compose-refs": "1.22.8",
+    "@tamagui/constants": "1.22.8",
+    "@tamagui/helpers": "1.22.8",
+    "@tamagui/normalize-css-color": "1.22.8",
+    "@tamagui/use-did-finish-ssr": "1.22.8",
+    "@tamagui/use-event": "1.22.8",
+    "@tamagui/use-force-update": "1.22.8"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.22.7",
+    "@tamagui/build": "1.22.8",
     "@testing-library/react": "^13.4.0",
     "csstype": "^3.0.10",
     "react": "^18.2.0",

package/src/Tamagui.ts

@@ -1,12 +1,12 @@
 import * as Helpers from '@tamagui/helpers'
 
-import { getConfig } from './config.js'
+import { getConfig } from './config'
 import {
   getAllRules,
   getAllSelectors,
   getAllTransforms,
-} from './helpers/insertStyleRule.js'
-import { mediaState } from './hooks/useMedia.js'
+} from './helpers/insertStyleRule'
+import { mediaState } from './hooks/useMedia'
 
 // easy introspection
 // only included in dev mode

package/src/config.ts

@@ -1,4 +1,4 @@
-import { ConfigListener, TamaguiInternalConfig, TokensMerged } from './types.js'
+import { ConfigListener, TamaguiInternalConfig, TokensMerged } from './types'
 
 let conf: TamaguiInternalConfig | null
 

package/src/contexts/FontLanguageContext.tsx

@@ -1,5 +1,5 @@
 import { createContext } from 'react'
 
-import type { LanguageContextType } from '../views/FontLanguage.types.js'
+import type { LanguageContextType } from '../views/FontLanguage.types'
 
 export const FontLanguageContext = createContext<LanguageContextType | null>(null)

package/src/createComponent.tsx

@@ -15,27 +15,26 @@ import React, {
   memo,
   useCallback,
   useContext,
-  useEffect,
   useId,
   useRef,
 } from 'react'
 
-import { onConfiguredOnce } from './config.js'
-import { stackDefaultStyles } from './constants/constants.js'
-import { FontLanguageContext } from './contexts/FontLanguageContext.js'
-import { TextAncestorContext } from './contexts/TextAncestorContext.js'
-import { didGetVariableValue, setDidGetVariableValue } from './createVariable.js'
-import { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig.js'
-import { useSplitStyles } from './helpers/getSplitStyles.js'
-import { mergeProps } from './helpers/mergeProps.js'
-import { proxyThemeVariables } from './helpers/proxyThemeVariables.js'
-import { themeable } from './helpers/themeable.js'
-import { useShallowSetState } from './helpers/useShallowSetState.js'
-import { useAnimationDriver } from './hooks/useAnimationDriver.js'
-import { setMediaShouldUpdate, useMedia } from './hooks/useMedia.js'
-import { useServerRef, useServerState } from './hooks/useServerHooks.js'
-import { useThemeWithState } from './hooks/useTheme.js'
-import { hooks } from './setupHooks.js'
+import { onConfiguredOnce } from './config'
+import { stackDefaultStyles } from './constants/constants'
+import { FontLanguageContext } from './contexts/FontLanguageContext'
+import { TextAncestorContext } from './contexts/TextAncestorContext'
+import { didGetVariableValue, setDidGetVariableValue } from './createVariable'
+import { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'
+import { useSplitStyles } from './helpers/getSplitStyles'
+import { mergeProps } from './helpers/mergeProps'
+import { proxyThemeVariables } from './helpers/proxyThemeVariables'
+import { themeable } from './helpers/themeable'
+import { useShallowSetState } from './helpers/useShallowSetState'
+import { useAnimationDriver } from './hooks/useAnimationDriver'
+import { setMediaShouldUpdate, useMedia } from './hooks/useMedia'
+import { useServerRef, useServerState } from './hooks/useServerHooks'
+import { useThemeWithState } from './hooks/useTheme'
+import { hooks } from './setupHooks'
 import {
   DebugProp,
   SpaceDirection,
@@ -47,14 +46,13 @@ import {
   TamaguiComponent,
   TamaguiComponentEvents,
   TamaguiComponentState,
-  TamaguiConfig,
   TamaguiElement,
   TamaguiInternalConfig,
   UseAnimationHook,
   UseAnimationProps,
 } from './types'
-import { Slot } from './views/Slot.js'
-import { useThemedChildren } from './views/Theme.js'
+import { Slot } from './views/Slot'
+import { useThemedChildren } from './views/Theme'
 import { ThemeDebug } from './views/ThemeDebug'
 
 // let t
@@ -128,6 +126,7 @@ export function createComponent<
 ) {
   const staticConfig = (() => {
     const next = extendStaticConfig(configIn, ParentComponent)
+
     if ('parsed' in next) {
       return next
     } else {
@@ -138,7 +137,7 @@ export function createComponent<
   const { isHOC } = staticConfig
 
   const defaultComponentClassName = `is_${staticConfig.componentName}`
-  let tamaguiDefaultProps: any
+  let defaultProps: any
   let defaultTag: string | undefined
 
   // see onConfiguredOnce below which attaches a name then to this component
@@ -167,8 +166,8 @@ export function createComponent<
     // React inserts default props after your props for some reason...
     // order important so we do loops, you can't just spread because JS does weird things
     let props: any
-    if (tamaguiDefaultProps && !propsIn.asChild) {
-      props = mergeProps(tamaguiDefaultProps, propsIn)[0]
+    if (defaultProps && !propsIn.asChild) {
+      props = mergeProps(defaultProps, propsIn)[0]
     } else {
       props = propsIn
     }
@@ -827,7 +826,7 @@ export function createComponent<
         if (typeof window !== 'undefined') {
           // prettier-ignore
           // rome-ignore lint/nursery/noConsoleLog: <explanation>
-          console.log({ state, themeState, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, staticConfig, tamaguiConfig, shouldForcePseudo })
+          console.log({ state, themeState, isAnimated, isAnimatedReactNativeWeb, defaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, staticConfig, tamaguiConfig, shouldForcePseudo })
         }
         console.groupEnd()
         console.groupEnd()
@@ -877,35 +876,14 @@ export function createComponent<
 
     const debug = defaultPropsIn['debug']
 
-    // remove all classNames
-    const [ourProps, ourClassNames] = mergeProps(defaultPropsIn)
-
-    if (ourProps.tag) {
-      defaultTag = ourProps.tag
+    if (defaultPropsIn.tag) {
+      defaultTag = defaultPropsIn.tag
     }
 
     const noClassNames = !staticConfig.acceptsClassName
-    const { name, variants, defaultVariants, ...restProps } = ourProps
-
-    // must preserve prop order
-    // leave out className because we handle that already with initialSplitStyles.classNames
-    // otherwise it confuses variant functions getting className props
-    const [defaults, defaultsClassnames] = mergeProps(
-      component.defaultProps as any,
-      restProps
-    )
-
-    // split - keep variables on props to be processed using theme values at runtime (native)
-    if (process.env.TAMAGUI_TARGET === 'native') {
-      for (const key in staticConfig.defaultProps) {
-        const val = staticConfig.defaultProps[key]
-        if (validPseudoKeys[key]) continue
-        defaults[key] = val
-      }
-    }
+    const { name, variants, defaultVariants, ...restProps } = defaultPropsIn
 
-    // set to global
-    tamaguiDefaultProps = defaults
+    defaultProps = restProps
 
     // add debug logs
     if (process.env.NODE_ENV === 'development' && debug) {
@@ -913,17 +891,9 @@ export function createComponent<
         // rome-ignore lint/nursery/noConsoleLog: <explanation>
         console.log(`🐛 [${staticConfig.componentName || 'Component'}]`, {
           staticConfig,
-          tamaguiDefaultProps,
-          defaults,
           defaultPropsIn,
-          defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps),
-          defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [
-            k,
-            defaultPropsIn[k],
-          ]),
-          ourProps,
-          ourClassNames,
-          defaultsClassnames,
+          defaultProps,
+          defaultPropsKeyOrder: Object.keys(defaultProps),
           defaultTag,
           noClassNames,
         })
@@ -939,6 +909,7 @@ export function createComponent<
     res = memo(res) as any
   }
 
+  // is this necessary?
   res.staticConfig = {
     validStyles: staticConfig.validStyles || stylePropsView,
     ...staticConfig,

package/src/createFont.ts

@@ -1,4 +1,4 @@
-import { FontWeightSteps, GenericFont } from './types.js'
+import { FontWeightSteps, GenericFont } from './types'
 
 const fontWeights: FontWeightSteps[] = [
   '100',

package/src/createShorthands.ts

@@ -1,4 +1,4 @@
-import { CreateShorthands } from './types.js'
+import { CreateShorthands } from './types'
 
 // just a type helper util
 

package/src/createTamagui.ts

@@ -1,28 +1,28 @@
 import { isRSC, isWeb } from '@tamagui/constants'
 
-import { configListeners, setConfig } from './config.js'
-import { createVariables, tokensKeysOrdered } from './createVariables.js'
-import { getThemeCSSRules } from './helpers/getThemeCSSRules.js'
+import { configListeners, setConfig } from './config'
+import { createVariables, tokensKeysOrdered } from './createVariables'
+import { getThemeCSSRules } from './helpers/getThemeCSSRules'
 import {
   getAllRules,
   listenForSheetChanges,
   scanAllSheets,
-} from './helpers/insertStyleRule.js'
+} from './helpers/insertStyleRule'
 import {
   registerCSSVariable,
   tokensValueToVariable,
   variableToCSS,
-} from './helpers/registerCSSVariable.js'
-import { ensureThemeVariable, proxyThemeToParents } from './helpers/themes.js'
-import { configureMedia } from './hooks/useMedia.js'
-import { parseFont, registerFontVariables } from './insertFont.js'
-import { Tamagui } from './Tamagui.js'
+} from './helpers/registerCSSVariable'
+import { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'
+import { configureMedia } from './hooks/useMedia'
+import { parseFont, registerFontVariables } from './insertFont'
+import { Tamagui } from './Tamagui'
 import {
   CreateTamaguiProps,
   InferTamaguiConfig,
   TamaguiInternalConfig,
   ThemeParsed,
-} from './types.js'
+} from './types'
 
 // config is re-run by the @tamagui/static, dont double validate
 const createdConfigs = new WeakMap<any, boolean>()

package/src/createTheme.ts

@@ -1,4 +1,4 @@
-import type { Variable } from './createVariable.js'
+import type { Variable } from './createVariable'
 
 type GenericTheme = { [key: string]: string | Variable }
 

package/src/createTokens.ts

@@ -1,6 +1,6 @@
-import { Variable } from './createVariable.js'
-import { createVariables } from './createVariables.js'
-import { CreateTokens } from './types.js'
+import { Variable } from './createVariable'
+import { createVariables } from './createVariables'
+import { CreateTokens } from './types'
 
 // tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }
 export function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {