@tamagui/web 3.0.0-beta.765.1 → 3.0.0-beta.804.1

package/src/index.ts

@@ -1,18 +1,25 @@
-export * from './contexts/ComponentContext'
-export * from './contexts/GroupContext'
+export { ComponentContext, useConfiguration } from './contexts/ComponentContext'
+export { GroupContext } from './contexts/GroupContext'
 
-export * from '@tamagui/is-equal-shallow'
-export * from './_withStableStyle'
-export * from './_withNativeStyle'
-export * from './createComponent'
-export * from './helpers/createStyledContext'
-export * from './helpers/getDefaultProps'
-export * from './helpers/expandStyles'
-export * from './helpers/getCSSStylesAtomic'
-export * from './helpers/getExpandedShorthands'
-export * from './helpers/formatDiagnostic'
-export * from './helpers/getShorthandValue'
-export * from './helpers/getSplitStyles'
+export {
+  isEqualShallow,
+  mergeIfNotShallowEqual,
+  useCreateShallowSetState,
+  type CallbackSetState,
+} from '@tamagui/is-equal-shallow'
+export { _withStableStyle } from './_withStableStyle'
+export { _withNativeStyle } from './_withNativeStyle'
+export { createComponent } from './createComponent'
+export { createStyledContext } from './helpers/createStyledContext'
+export { getDefaultProps } from './helpers/getDefaultProps'
+export { getCSSStylesAtomic } from './helpers/getCSSStylesAtomic'
+export { getExpandedShorthand } from './helpers/getExpandedShorthands'
+export { formatDiagnostic } from './helpers/formatDiagnostic'
+export {
+  getSplitStyles,
+  isValidStyleKey,
+  prepareStyleStaticConfig,
+} from './helpers/getSplitStyles'
 export {
   setNativeStyleEngine,
   getNativeStyleEngine,
@@ -23,8 +30,6 @@ export {
   type NativeStyleEngineSlots,
   type NativeViewStateUpdate,
 } from './helpers/nativeStyleEngine'
-export * from './helpers/getThemeCSSRules'
-export * from './helpers/getVariantExtras'
 export {
   autoVariables,
   getAutoVariableCSS,
@@ -32,43 +37,204 @@ export {
   mutatedAutoVariables,
 } from './helpers/registerCSSVariable'
 export { insertStyleRules } from './helpers/insertStyleRule'
-export * from './helpers/isTamaguiComponent'
-export * from './helpers/isTamaguiElement'
-export * from './helpers/matchMedia'
-export * from './helpers/mergeProps'
-export * from './helpers/mergeSlotStyleProps'
-export * from './helpers/normalizeColor'
-export * from './helpers/normalizeStyle'
-export * from './helpers/normalizeValueWithProperty'
-export * from './helpers/propMapper'
-export * from './helpers/proxyThemeToParents'
-export * from './helpers/themeRef'
-export * from './helpers/themeable'
-export * from './helpers/themes'
-export * from './helpers/transformsToString'
-export * from './helpers/wrapStyleTags'
+export { isTamaguiComponent } from './helpers/isTamaguiComponent'
+export { isTamaguiElement } from './helpers/isTamaguiElement'
+export { matchMedia, setupMatchMedia } from './helpers/matchMedia'
+export { mergeProps } from './helpers/mergeProps'
+export { mergeSlotStyleProps } from './helpers/mergeSlotStyleProps'
+export { normalizeColor } from './helpers/normalizeColor'
+export { normalizeStyle } from './helpers/normalizeStyle'
+export { containsThemeRef, themeRefKey } from './helpers/themeRef'
+export { themeable } from './helpers/themeable'
+export { getStyleTags } from './helpers/wrapStyleTags'
 
-export * from './createComponent'
-export * from './createFont'
-export * from './eventDetails'
-export * from './createStyledHOC'
-export * from './createShorthands'
-export * from './createTamagui'
-export * from './createTokens'
-export * from './createVariable'
-export * from './createVariables'
-export * from './insertFont'
-export * from './setupReactNative'
-export * from './styled'
-export * from './Tamagui'
+export { createFont } from './createFont'
+export {
+  createChangeEventDetails,
+  type TamaguiChangeEventDetails,
+  type TamaguiEventDetails,
+} from './eventDetails'
+export { createStyledHOC } from './createStyledHOC'
+export { createShorthands } from './createShorthands'
+export { createTamagui, installTamaguiConfig } from './createTamagui'
+export { createTokens } from './createTokens'
+export {
+  createVariable,
+  createCSSVariable,
+  getVariable,
+  getVariableName,
+  getVariableValue,
+  getVariableVariable,
+  isVariable,
+  px,
+  variableToString,
+} from './createVariable'
+export { insertFont, updateFont } from './insertFont'
+export { styled } from './styled'
+export { Tamagui } from './Tamagui'
 
 export type { TamaguiBuildOptions } from '@tamagui/types'
-export type * from './interfaces/RNExclusiveTypes'
-export type * from './interfaces/TamaguiComponentEvents'
-export type * from './types'
+export type { RNTextProps, RNViewProps } from './interfaces/RNExclusiveTypes'
+export type {
+  AllPlatforms,
+  AnimatedNumberStrategy,
+  AnimationDriver,
+  AnimationDriverStub,
+  AnimationDriverWithAnimatedNumbers,
+  AnimationsConfig,
+  BorderValue,
+  BoxShadowValue,
+  Color,
+  ColorScheme,
+  ColorTokens,
+  CreateTamaguiConfig,
+  CreateTamaguiProps,
+  DebugProp,
+  DisposeFn,
+  FillInFont,
+  FilterValue,
+  FlatStyleValue,
+  Font,
+  FontColorTokens,
+  FontFamilyTokens,
+  FontLanguages,
+  FontLetterSpacingTokens,
+  FontLineHeightTokens,
+  FontSize,
+  FontSizeTokens,
+  FontStyleTokens,
+  FontTokens,
+  FontTransformTokens,
+  FontWeightTokens,
+  Fonts,
+  GenericFont,
+  GenericStackVariants,
+  GenericTamaguiConfig,
+  GenericTextVariants,
+  GenericVariables,
+  GestureReponderEvent,
+  GetAnimationKeys,
+  GetBaseStyles,
+  GetFinalProps,
+  GetProps,
+  GetStyleResult,
+  GetThemeValueForKey,
+  GetVariantProps,
+  GroupNames,
+  InferTamaguiConfig,
+  InferStyleProps,
+  Insets,
+  LayoutEvent,
+  LoadedComponents,
+  Longhands,
+  MatchMedia,
+  Media,
+  MediaQueries,
+  MediaQueryKey,
+  MediaQueryList,
+  MediaQueryState,
+  MediaStyleObject,
+  Narrow,
+  OnTransition,
+  OutlineValue,
+  PresenceContextProps,
+  PresenceRegistration,
+  PxValue,
+  Radius,
+  RadiusTokens,
+  ReservedThemePropName,
+  ResolveVariableAs,
+  Role,
+  Shorthands,
+  Size,
+  SizeKeys,
+  SizeTokens,
+  SizeVariantSpreadFunction,
+  Space,
+  SpaceTokens,
+  SpaceValue,
+  SplitStyleProps,
+  StackNonStyleProps,
+  StackStyleBase,
+  StaticConfig,
+  StaticComponentObject,
+  StaticConfigPublic,
+  StyleObject,
+  StyleProp,
+  StyledContext,
+  StyledContextOptions,
+  StyledHOCMergedProps,
+  TamaDefer,
+  TamaguiBaseTheme,
+  TamaguiComponent,
+  TamaguiComponentPropsBaseBase,
+  TamaguiComponentState,
+  TamaguiConfig,
+  TamaguiCustomConfig,
+  TamaguiElement,
+  TamaguiElementMethods,
+  TamaguiInternalConfig,
+  TamaguiProjectInfo,
+  TamaguiProviderProps,
+  TamaguiSettings,
+  TamaguiTextElement,
+  TamaguiWebElement,
+  TextNonStyleProps,
+  TextProps,
+  TextStyle,
+  TextStylePropsBase,
+  ThemeDefinition,
+  ThemeKeys,
+  ThemeName,
+  ThemeParsed,
+  ThemeProps,
+  ThemeProviderProps,
+  ThemeState,
+  ThemeTokens,
+  ThemeValueFallback,
+  Themes,
+  Token,
+  TokenCategories,
+  Tokens,
+  TokensParsed,
+  TransitionEvent,
+  TransitionKeys,
+  TransitionProp,
+  Try,
+  TypeOverride,
+  UnionableNumber,
+  UnionableString,
+  UniversalAnimatedNumber,
+  UseAnimatedNumber,
+  UseAnimatedNumberReaction,
+  UseAnimatedNumberStyle,
+  UseAnimatedNumbersStyle,
+  UseMediaState,
+  UsePresenceResult,
+  Variable,
+  VariableVal,
+  VariableValGeneric,
+  VariableValIn,
+  VariantSpreadExtras,
+  VariantSpreadFunction,
+  WidthHeight,
+  WithFlatVariantValues,
+  WithShorthands,
+  WithThemeValues,
+  ZIndex,
+  ZIndexTokens,
+} from './types'
+export { createVariantResolver } from './types'
 
-export * from './interfaces/GetRef'
-export { createRefComponent, type RefProp } from '@tamagui/compose-refs'
+export type { GetRef } from './interfaces/GetRef'
+export {
+  createRefComponent,
+  type RefComponent,
+  type RefProp,
+  composeRefs,
+  setRef,
+  useComposedRefs,
+} from '@tamagui/compose-refs'
 
 export {
   getConfig,
@@ -87,9 +253,7 @@ export {
 
 export { setNonce } from './helpers/insertStyleRule'
 
-export * from './constants/constants'
-
-export * from './hooks/useIsTouchDevice'
+export { useIsTouchDevice } from './hooks/useIsTouchDevice'
 export {
   _disableMediaTouch,
   _mediaListenerStats,
@@ -105,32 +269,93 @@ export {
   mediaState,
   setMediaState,
 } from './helpers/mediaState'
-export * from './hooks/useAnimationDriver'
-export * from './hooks/useProps'
-export * from './hooks/useTheme'
-export * from './hooks/usePortalThemeState'
-export * from './hooks/useThemeName'
+export {
+  useAnimatedNumber,
+  useAnimatedNumberReaction,
+  useAnimatedNumberStyle,
+  useAnimatedNumbersStyle,
+  useAnimationDriver,
+} from './hooks/useAnimationDriver'
+export { useProps, usePropsAndStyle, useStyle } from './hooks/useProps'
+export { useTheme } from './hooks/useTheme'
+export { usePortalThemeState } from './hooks/usePortalThemeState'
+export { useThemeName } from './hooks/useThemeName'
 export {
   forceUpdateThemes,
   getThemeProviderChainSizes,
   resolveThemeName,
 } from './hooks/useThemeState'
 
-export * from './dom/html'
-export * from './views/Configuration'
-export * from './views/TamaguiRoot'
-export * from './views/FontLanguage'
-export * from './views/Slot'
-export * from './views/TamaguiProvider'
-export * from './views/Text'
-export * from './views/Theme'
-export * from './views/ThemeProvider'
-export * from './views/View'
+export { html } from './dom/html'
+export { Configuration } from './views/Configuration'
+export { TamaguiRoot } from './views/TamaguiRoot'
+export { FontLanguage } from './views/FontLanguage'
+export { Slot, Slottable } from './views/Slot'
+export { TamaguiProvider } from './views/TamaguiProvider'
+export { Text, textStaticConfig } from './views/Text'
+export { Theme } from './views/Theme'
+export { ThemeProvider } from './views/ThemeProvider'
+export { View, viewStaticConfig, type ViewProps, type ViewStyle } from './views/View'
 
-export * from '@tamagui/compose-refs'
-export * from '@tamagui/constants'
-export * from '@tamagui/helpers'
-export * from '@tamagui/use-did-finish-ssr'
-export * from '@tamagui/use-event'
+export {
+  currentPlatform,
+  getPlatformDriver,
+  isAndroid,
+  isBrowser,
+  isChrome,
+  isClient,
+  isIos,
+  isNativeDesktop,
+  isServer,
+  isTV,
+  isTouchable,
+  isWeb,
+  isWebTouchable,
+  setupPlatformDriver,
+  supportsDynamicColorIOS,
+  useIsomorphicLayoutEffect,
+  type PlatformDriver,
+  type PlatformDriverPseudoState,
+} from '@tamagui/constants'
+export {
+  clamp,
+  composeEventHandlers,
+  cssShorthandLonghands,
+  getThemeClassNames,
+  nonAnimatableStyleProps,
+  nonAnimatableWebTextProps,
+  nonAnimatableWebViewProps,
+  reservedThemeProps,
+  shouldRenderNativePlatform,
+  simpleHash,
+  StyleObjectIdentifier,
+  StyleObjectProperty,
+  StyleObjectPseudo,
+  StyleObjectRules,
+  StyleObjectValue,
+  stylePropsAll,
+  stylePropsText,
+  stylePropsTextOnly,
+  stylePropsTransform,
+  stylePropsUnitless,
+  stylePropsView,
+  tokenCategories,
+  validStyles,
+  webOnlyStylePropsText,
+  webOnlyStylePropsView,
+  withStaticProperties,
+  type EventHandler,
+  type ExplicitNativePlatform,
+  type NativePlatform,
+  type NativeValue,
+} from '@tamagui/helpers'
+export {
+  ClientOnly,
+  ClientOnlyContext,
+  useClientValue,
+  useDidFinishSSR,
+  useIsClientOnly,
+} from '@tamagui/use-did-finish-ssr'
+export { useEvent, useGet } from '@tamagui/use-event'
 
-export * from './setupHooks'
+export { hooks, setupHooks } from './setupHooks'

package/src/insertFont.ts

@@ -16,7 +16,11 @@ export function insertFont<A extends GenericFont>(
   const font = createFont(fontIn)
   const tokened = createVariables(font, name) as GenericFont
   const parsed = parseFont(tokened) as DeepVariableObject<A>
-  if (process.env.TAMAGUI_TARGET === 'web' && typeof document !== 'undefined') {
+  if (
+    !process.env.TAMAGUI_DID_OUTPUT_CSS &&
+    process.env.TAMAGUI_TARGET === 'web' &&
+    typeof document !== 'undefined'
+  ) {
     const fontVars = registerFontVariables(parsed)
     const styleElement: HTMLStyleElement =
       document.querySelector(`style[${FONT_DATA_ATTRIBUTE_NAME}="${name}"]`) ||

package/src/internal-runtime.ts

@@ -1,45 +1,70 @@
 /**
- * Private implementation boundary for building another style frontend on the shared
- * Tamagui runtime. Not public API: never reexport it from `@tamagui/web`,
- * `@tamagui/core`, `tamagui`, or `@tamagui/tailwind` roots — doing so would
- * reconnect the frontend graphs the package split exists to keep apart.
+ * Private implementation boundary shared by Tamagui workspace packages. Not public
+ * API: never reexport it from `@tamagui/web`, `@tamagui/core`, `tamagui`, or
+ * `@tamagui/tailwind` roots. Doing so would expose implementation details again.
  *
  * It deliberately exposes purpose-built, explicitly typed wrappers rather than raw
- * module reexports. That keeps the emitted declaration entry on the frontend
- * descriptor and component factory only: it never resolves the regular View, Text,
- * styled, or inline style-prop declarations.
+ * module reexports. That keeps the private declaration entry narrow and avoids
+ * reconnecting the regular root barrel.
  */
 import type { FunctionComponent } from 'react'
-import type { ParsedValue } from '@tamagui/style-grammar/runtime'
 import { stylePropsUnitless } from '@tamagui/helpers'
 import { createComponent } from './createComponent'
+import { createVariables as createVariablesImpl } from './createVariables'
+import { fixStyles as fixStylesImpl } from './helpers/expandStyles'
+import { styleToCSS as styleToCSSImpl } from './helpers/styleToCSS'
 import { setComponentDisplayName } from './helpers/componentDisplayName'
-import { createFrontendProgram as createFrontendProgramImpl } from './helpers/frontendProgram'
+import { getThemeCSSRules as getThemeCSSRulesImpl } from './helpers/getThemeCSSRules'
+import { normalizeValueWithProperty as normalizeValueWithPropertyImpl } from './helpers/normalizeValueWithProperty'
+import { proxyThemeToParents as proxyThemeToParentsImpl } from './helpers/proxyThemeToParents'
 import type { FrontendComponent, StyleFrontend } from './helpers/styleFrontend'
-import type { FrontendProgramValue } from './internalRuntimeTypes'
+import { ensureThemeVariable as ensureThemeVariableImpl } from './helpers/themes'
+import { transformsToString as transformsToStringImpl } from './helpers/transformsToString'
+import {
+  parseFont as parseFontImpl,
+  registerFontVariables as registerFontVariablesImpl,
+} from './insertFont'
 import { createTamagui as createTamaguiImpl } from './createTamagui'
 import { setupHooks as setupHooksImpl } from './setupHooks'
 import { createFrontendStyled as createFrontendStyledImpl } from './styled'
+import { useThemeWithState as useThemeWithStateImpl } from './hooks/useTheme'
 import { TamaguiProvider as TamaguiProviderImpl } from './views/TamaguiProvider'
 import { textStaticConfig } from './views/Text'
 import { viewStaticConfig } from './views/View'
 
-export {
-  STYLE_FRONTEND_PASSTHROUGH_PREFIX,
-  STYLE_FRONTEND_PREPROCESSED,
-  regularStyleFrontend,
-} from './helpers/styleFrontend'
+export { regularStyleFrontend } from './helpers/styleFrontend'
 export type * from './internalRuntimeTypes'
 
-// the frontend-program contribution channel: a frontend hands getSplitStyles
-// a pre-parsed (property, program) pair that contributes at the exact
-// forward-pass position of the equivalent authored string. values are only
-// recognized when minted by this factory (module-private WeakSet), so the
-// channel cannot become publicly authorable
-export const createFrontendProgram: (
-  property: string,
-  value: ParsedValue
-) => FrontendProgramValue = createFrontendProgramImpl
+export const createVariables: (
+  tokens: Record<string, any>,
+  parentPath?: string,
+  isFont?: boolean
+) => any = createVariablesImpl as any
+export const parseFont: (definition: Record<string, any>) => any = parseFontImpl as any
+export const registerFontVariables: (parsedFont: any) => string[] =
+  registerFontVariablesImpl
+export const fixStyles: (style: Record<string, any>) => void = fixStylesImpl
+export const getThemeCSSRules: (props: {
+  config: any
+  themeName: string
+  theme: any
+  names: string[]
+  hasDarkLight?: boolean
+  useMutatedVariables?: boolean
+}) => string[] = getThemeCSSRulesImpl
+export const normalizeValueWithProperty: (value: any, property?: string) => any =
+  normalizeValueWithPropertyImpl
+export const proxyThemeToParents: (themeName: string, theme: any) => any =
+  proxyThemeToParentsImpl
+export const ensureThemeVariable: (theme: any, key: string) => void =
+  ensureThemeVariableImpl
+export const transformsToString: (transforms: object[]) => string = transformsToStringImpl
+export const styleToCSS: (style: Record<string, any>) => void = styleToCSSImpl
+export const useThemeWithState: (
+  props: any,
+  isRoot?: boolean,
+  forThemeView?: boolean
+) => [any, any] = useThemeWithStateImpl
 
 // the one scalar-to-css boundary used by frontends before they mint a conditional
 // value. strings already carry their authored units; finite numbers use the same

package/src/internalRuntimeTypes.ts

@@ -1,5 +1,3 @@
-import type { ParsedValue } from '@tamagui/style-grammar/runtime'
-
 /**
  * The narrow type surface another style frontend needs to build components on the
  * shared runtime.
@@ -11,12 +9,9 @@ import type { ParsedValue } from '@tamagui/style-grammar/runtime'
  */
 export type {
   FrontendComponent,
+  FrontendClassPlan,
+  FrontendClassPlanEntry,
   FrontendStaticConfig,
   StyleFrontend,
   StyleFrontendConfig,
 } from './helpers/styleFrontend'
-
-export interface FrontendProgramValue {
-  readonly property: string
-  readonly value: ParsedValue
-}

package/src/setupReactNative.ts

@@ -1,43 +1,20 @@
 import type { StaticConfig } from './types'
 
-const ReactNativeStaticConfigs = new WeakMap<any, Partial<StaticConfig> | null>()
-
 export function getReactNativeConfig(Component: any) {
-  if (!Component) return
-
-  if (process.env.TAMAGUI_TARGET === 'native') {
-    if (Component.propTypes?.onTextInput || Component.propTypes?.onChangeText) {
-      return RNConfigs.TextInput
-    }
-    if (Component.getSizeWithHeaders) {
-      return RNConfigs.Image
-    }
-    if (Component.propTypes?.textBreakStrategy) {
-      return RNConfigs.Text
-    }
+  if (process.env.TAMAGUI_TARGET !== 'native' || !Component) return
 
-    // can optimize plain View or Text to not be react native specific
-
-    // can assume everything else is react native on native
-    return RNConfigs.default
+  if (Component.propTypes?.onTextInput || Component.propTypes?.onChangeText) {
+    return RNConfigs.TextInput
   }
-  if (Component.getSize && Component.prefetch) {
+  if (Component.getSizeWithHeaders) {
     return RNConfigs.Image
   }
-  if (Component.displayName === 'Text' && Component.render) {
+  if (Component.propTypes?.textBreakStrategy) {
     return RNConfigs.Text
   }
-  if (
-    Component.render &&
-    (Component.displayName === 'ScrollView' || Component.displayName === 'View')
-  ) {
-    return RNConfigs.default
-  }
-  if (Component.State?.blurTextInput) {
-    return RNConfigs.TextInput
-  }
 
-  return ReactNativeStaticConfigs.get(Component)
+  // can assume every other non-tamagui component is native on native
+  return RNConfigs.default
 }
 
 const RNConfigs = {