@tamagui/web 1.85.3 → 1.85.5

package/src/helpers/ThemeManager.tsx

@@ -59,7 +59,7 @@ export class ThemeManager {
           `No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions. It could also be from an error somewhere else in your stack causing Tamagui to recieve undefined context, you can try putting some ErrorBoundary components around other areas of your app, or a Suspense boundary.`
         )
       }
-      throw `❌ 0`
+      throw `❌ 000`
     }
 
     // this is used in updateStateFromProps so must be set
@@ -229,15 +229,6 @@ function getState(
       ? max // component name only don't search upwards
       : 0
 
-  if (
-    process.env.NODE_ENV !== 'production' &&
-    props.debug &&
-    typeof window !== 'undefined'
-  ) {
-    console.groupCollapsed('ThemeManager.getState()')
-    console.info({ props, baseName, base, min, max })
-  }
-
   for (let i = max; i >= min; i--) {
     let prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR)
 
@@ -331,10 +322,12 @@ function getState(
 
   if (
     process.env.NODE_ENV !== 'production' &&
-    typeof props.debug === 'string' &&
+    props.debug === 'verbose' &&
     typeof window !== 'undefined'
   ) {
-    console.warn('ThemeManager.getState():', { result })
+    console.groupCollapsed('ThemeManager.getState()')
+    console.info({ props, baseName, base, min, max })
+    console.warn('result', { result })
     console.trace()
     console.groupEnd()
   }

package/src/helpers/createShallowSetState.tsx

@@ -1,13 +1,28 @@
 import React from 'react'
+import { DebugProp } from '../types'
 
 export function createShallowSetState<State extends Object>(
-  setter: React.Dispatch<React.SetStateAction<State>>
+  setter: React.Dispatch<React.SetStateAction<State>>,
+  debug?: DebugProp
 ) {
-  return (next: Partial<State>) => setter((prev) => mergeIfNotShallowEqual(prev, next))
+  return (next: Partial<State>) =>
+    setter((prev) => mergeIfNotShallowEqual(prev, next, debug))
 }
 
-export function mergeIfNotShallowEqual(prev: any, next: any) {
-  return isEqualShallow(prev, next) ? prev : { ...prev, ...next }
+export function mergeIfNotShallowEqual(prev: any, next: any, debug?: DebugProp) {
+  if (isEqualShallow(prev, next)) {
+    return prev
+  }
+  if (process.env.NODE_ENV === 'development') {
+    if (debug) {
+      console.warn(`setStateShallow CHANGE`, { prev, next })
+      // if (debug === 'break') {
+      //   // biome-ignore lint/suspicious/noDebugger: <explanation>
+      //   debugger
+      // }
+    }
+  }
+  return { ...prev, ...next }
 }
 
 export function isEqualShallow(prev, next) {

package/src/helpers/getSplitStyles.tsx

@@ -188,7 +188,7 @@ export const getSplitStyles: StyleSplitter = (
   let pseudoGroups: Set<string> | undefined
   let mediaGroups: Set<string> | undefined
   let style: ViewStyleWithPseudos = {}
-  let className = '' // existing classNames
+  let className = (props.className as string) ?? '' // existing classNames
   let mediaStylesSeen = 0
 
   /**
@@ -229,39 +229,6 @@ export const getSplitStyles: StyleSplitter = (
     console.groupEnd()
   }
 
-  // className first:
-
-  // handle before the loop so we can mark usedKeys in className
-  // since the compiler will optimize to className we just treat className as the more powerful
-  //   TODO the compiler should probably just leave things inline if its not flattening
-  //   that way it keeps merging order
-  if (process.env.TAMAGUI_TARGET === 'web' && typeof props.className === 'string') {
-    for (const cn of props.className.split(' ')) {
-      if (cn[0] === '_') {
-        // tamagui, merge it expanded on key, eventually this will go away with better compiler
-        const [shorthand, mediaOrPseudo] = cn.slice(1).split('-')
-        const isMedia = mediaOrPseudo[0] === '_'
-        const isPseudo = mediaOrPseudo[0] === '0'
-        const isMediaOrPseudo = isMedia || isPseudo
-        let fullKey = shorthands[shorthand]
-        if (isMedia) {
-          // is media
-          let mediaShortKey = mediaOrPseudo.slice(1)
-          mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf('_'))
-          fullKey += `${PROP_SPLIT}${mediaShortKey}`
-        } else if (isPseudo) {
-          // is pseudo
-          const pseudoShortKey = mediaOrPseudo.slice(1)
-          fullKey += `${PROP_SPLIT}${pseudoShortKey}`
-        }
-        usedKeys[fullKey] = 1
-        mergeClassName(transforms, classNames, fullKey, cn, isMediaOrPseudo)
-      } else if (cn) {
-        className += ` ${cn}`
-      }
-    }
-  }
-
   for (const keyOg in props) {
     let keyInit = keyOg
     let valInit = props[keyOg]
@@ -319,7 +286,7 @@ export const getSplitStyles: StyleSplitter = (
             delete style[keyInit]
           } else {
             style[keyInit] = reverseMapClassNameToValue(keyInit, valInit)
-            delete className[keyInit]
+            delete classNames[keyInit]
           }
           continue
         }
@@ -523,7 +490,7 @@ export const getSplitStyles: StyleSplitter = (
               delete style[keyInit]
             } else {
               style[keyInit] = reverseMapClassNameToValue(keyInit, valInit)
-              delete className[keyInit]
+              delete classNames[keyInit]
             }
             continue
           }
@@ -749,14 +716,14 @@ export const getSplitStyles: StyleSplitter = (
         if (!shouldDoClasses || IS_STATIC) {
           pseudos ||= {}
           pseudos[key] ||= {}
-
           if (IS_STATIC) {
             Object.assign(pseudos[key], pseudoStyleObject)
             continue
           }
         }
 
-        if (shouldDoClasses && !isEnter && !isExit) {
+        // on server only generate classes for enterStyle
+        if (shouldDoClasses && !isExit) {
           const pseudoStyles = generateAtomicStyles(pseudoStyleObject, descriptor)
 
           if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
@@ -781,34 +748,30 @@ export const getSplitStyles: StyleSplitter = (
               true
             )
           }
-        } else {
+        }
+
+        if (!shouldDoClasses || isExit || isEnter) {
           // we don't skip this if disabled because we need to animate to default states that aren't even set:
           // so if we have <Stack enterStyle={{ opacity: 0 }} />
           // we need to animate from 0 => 1 once enter is finished
           // see the if (isDisabled) block below which loops through animatableDefaults
 
           const descriptorKey = descriptor.stateKey || descriptor.name
-          const pseudoState = componentState[descriptorKey]
-          let isDisabled = isExit ? !styleProps.isExiting : !pseudoState
-
-          // we never animate in on server side just show the full thing
-          // on client side we use CSS to hide the fully in SSR items, then
-          // un-hide and replay with original animation.
-          if (isWeb && !isClient && isEnter) {
-            isDisabled = false
+
+          let isDisabled = componentState[descriptorKey] === false
+          if (isExit) {
+            isDisabled = !styleProps.isExiting
+          }
+          if (isEnter) {
+            isDisabled =
+              componentState.unmounted === 'should-enter'
+                ? true
+                : !componentState.unmounted
           }
 
           if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
-            // prettier-ignore
             console.groupCollapsed('pseudo', key, { isDisabled })
-
-            log(pseudoStyleObject, {
-              isDisabled,
-              descriptorKey,
-              descriptor,
-              pseudoState,
-              state: { ...componentState },
-            })
+            log({ pseudoStyleObject, isDisabled, descriptor, componentState })
             console.groupEnd()
           }
 
@@ -858,6 +821,7 @@ export const getSplitStyles: StyleSplitter = (
 
         continue
       }
+
       // media
       if (isMedia) {
         if (!val) continue
@@ -1195,7 +1159,7 @@ export const getSplitStyles: StyleSplitter = (
           }
         }
 
-        if (shouldRetain || (!IS_STATIC && !styleProps.keepStyleSSR)) {
+        if (shouldRetain || !IS_STATIC) {
           style = retainedStyles || {}
         }
       }

package/src/helpers/getStylesAtomic.ts

@@ -18,17 +18,14 @@ import {
 // refactor this file away next...
 
 export function getStylesAtomic(stylesIn: ViewStyleWithPseudos, debug?: DebugProp) {
-  let res: StyleObject[] = []
+  const res: StyleObject[] = []
   for (const pseudoName in pseudoDescriptorsBase) {
     const pseudoStyle = stylesIn[pseudoName]
     if (pseudoStyle) {
-      res = [
-        ...res,
-        ...generateAtomicStyles(pseudoStyle, pseudoDescriptorsBase[pseudoName]),
-      ]
+      res.push(...generateAtomicStyles(pseudoStyle, pseudoDescriptorsBase[pseudoName]))
     }
   }
-  res = [...res, ...generateAtomicStyles(stylesIn)]
+  res.push(...generateAtomicStyles(stylesIn))
 
   if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
     console.info(` 🪮 getStylesAtomic`, { stylesIn, res })
@@ -149,7 +146,8 @@ const hyphenateStyleName = (key: string) => {
   return val
 }
 
-const pseudoSelectorPrefixes = (() => {
+// adding one more :root so we always override react native web styles :/
+const selectorPriority = (() => {
   const res: Record<string, string> = {}
   for (const key in pseudoDescriptors) {
     const pseudo = pseudoDescriptors[key]
@@ -165,8 +163,9 @@ function createAtomicRules(
   pseudo?: PseudoDescriptor
 ): string[] {
   const selector = pseudo
-    ? // adding one more :root so we always override react native web styles :/
-      `${pseudoSelectorPrefixes[pseudo.name]} .${identifier}:${pseudo.name}`
+    ? pseudo?.selector
+      ? `${pseudo?.selector} .${identifier}`
+      : `${selectorPriority[pseudo.name]} .${identifier}:${pseudo.name}`
     : `:root .${identifier}`
   const important = !!pseudo
 

package/src/helpers/insertStyleRule.tsx

@@ -262,11 +262,9 @@ function addThemesFromCSS(cssStyleRule: CSSStyleRule, tokens?: TokensParsed) {
 
   // loop selectors and build deduped
   for (const selector of selectors) {
-    let scheme = selector.includes('t_dark')
-      ? 'dark'
-      : selector.includes('t_light')
-        ? 'light'
-        : ''
+    const di = selector.indexOf('t_dark')
+    const li = selector.indexOf('t_light')
+    let scheme = di && li ? (di < li ? 'dark' : 'light') : ''
     let name = selector.slice(selector.lastIndexOf('.t_') + 3)
 
     if (name.startsWith(scheme)) {

package/src/helpers/pseudoDescriptors.ts

@@ -30,7 +30,7 @@ export const pseudoDescriptors: Record<
   ...pseudoDescriptorsBase,
   enterStyle: {
     name: 'enter',
-    stateKey: 'unmounted',
+    selector: '.t_unmounted',
     priority: 4,
   },
   exitStyle: {
@@ -43,6 +43,7 @@ export type PseudoDescriptor = {
   name: string
   priority: number
   stateKey?: string
+  selector?: string
 }
 
 export type PseudoDescriptors = {

package/src/hooks/useTheme.tsx

@@ -91,7 +91,7 @@ export const useThemeWithState = (
 
           if (
             process.env.NODE_ENV === 'development' &&
-            props.debug &&
+            typeof props.debug === 'string' &&
             props.debug !== 'profile'
           ) {
             console.info(`  🎨 useTheme() shouldUpdate?`, next, {

package/src/setupHooks.ts

@@ -19,7 +19,8 @@ type InternalHooks = {
   usePropsTransform?: (
     elementType: any,
     props: Record<string, any>,
-    hostRef: RefObject<TamaguiElement>
+    hostRef: RefObject<TamaguiElement>,
+    willHydrate?: boolean
   ) => any
 
   useEvents?: (

package/src/types.tsx

@@ -2039,7 +2039,6 @@ export type SplitStyleProps = {
   isExiting?: boolean
   exitVariant?: string
   enterVariant?: string
-  keepStyleSSR?: boolean
 }
 
 // Presence
@@ -2096,7 +2095,6 @@ export type UniversalAnimatedNumber<A> = {
 
 export type AnimationDriver<A extends AnimationConfig = AnimationConfig> = {
   isReactNative?: boolean
-  keepStyleSSR?: boolean
   supportsCSSVars?: boolean
   useAnimations: UseAnimationHook
   usePresence: () => UsePresenceResult

package/src/views/TamaguiProvider.tsx

@@ -18,18 +18,21 @@ export function TamaguiProvider({
     // inject CSS if asked to (not SSR compliant)
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useLayoutEffect(() => {
-      // for easier support of hidden-until-js mount animations
-      // user must set t_unmounted on documentElement from SSR
-      if (document.documentElement.classList.contains('t_unmounted')) {
-        document.documentElement.classList.remove('t_unmounted')
+      if (!config.disableSSR) {
+        // for easier support of hidden-until-js mount animations
+        // user must set t_unmounted on documentElement from SSR
+        if (document.documentElement.classList.contains('t_unmounted')) {
+          document.documentElement.classList.remove('t_unmounted')
+        }
       }
 
-      if (disableInjectCSS) return
-      const style = document.createElement('style')
-      style.appendChild(document.createTextNode(config.getCSS()))
-      document.head.appendChild(style)
-      return () => {
-        document.head.removeChild(style)
+      if (!disableInjectCSS) {
+        const style = document.createElement('style')
+        style.appendChild(document.createTextNode(config.getCSS()))
+        document.head.appendChild(style)
+        return () => {
+          document.head.removeChild(style)
+        }
       }
     }, [config, disableInjectCSS])
   }

package/src/views/Theme.tsx

@@ -60,7 +60,7 @@ export function getThemedChildren(
     throw new Error(
       process.env.NODE_ENV === 'development'
         ? `❌ No theme found, either incorrect name, potential duplicate tamagui deps, or TamaguiProvider not providing themes.`
-        : `❌`
+        : `❌ 005`
     )
   }
 

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAaN,MAAM,OAAO,CAAA;AAuBd,OAAO,EAEL,SAAS,EAMT,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACV,cAAc,EACd,YAAY,EAEZ,gBAAgB,EAGhB,cAAc,EAEd,SAAS,EAKV,MAAM,SAAS,CAAA;AAkBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA6D3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,UAAU,GAAG,SAAS,GAAG,EAAE,EACtD,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,YAAY,EAAE,YAAY,8DA8sC3B;AAsBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;AAiBD,eAAO,MAAM,MAAM,qEAqCjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAYN,MAAM,OAAO,CAAA;AAsBd,OAAO,EAEL,SAAS,EAMT,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACV,cAAc,EACd,YAAY,EAEZ,gBAAgB,EAGhB,cAAc,EAEd,SAAS,EAKV,MAAM,SAAS,CAAA;AAiBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA6D3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,UAAU,GAAG,SAAS,GAAG,EAAE,EACtD,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,YAAY,EAAE,YAAY,8DA2qC3B;AAsBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;AAiBD,eAAO,MAAM,MAAM,qEAqCjB,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD"}

package/types/helpers/ThemeManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../src/helpers/ThemeManager.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE/D,KAAK,aAAa,GAAG,CACnB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,OAAO,KACZ,IAAI,CAAA;AAET,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAID,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,UAAU,WAEzD;AAID,qBAAa,YAAY;IAOd,KAAK,EAAE,UAAU;IAN1B,EAAE,SAAI;IACN,cAAc,qBAA2B;IACzC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAO;IACzC,KAAK,EAAE,iBAAiB,CAAa;gBAG5B,KAAK,GAAE,UAAe,EAC7B,aAAa,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS;IA6B1D,oBAAoB,CAClB,KAAK,GAAE,UAAU,GAAG;QAAE,UAAU,CAAC,EAAE,WAAW,CAAA;KAAqB,EACnE,YAAY,UAAO;IAkBrB,WAAW,CAAC,SAAS,EAAE,iBAAiB,EAAE,YAAY,UAAO;IAoB7D,iBAAiB,CACf,KAAK,aAAa,EAClB,KAAK,GAAE,iBAAiB,GAAG,IAAiB,EAC5C,aAAa,sBAAqB;IAapC,oBAAoB,CAClB,SAAS,EAAE,iBAAiB,GAAG,IAAI,EACnC,KAAK,GAAE,iBAAiB,GAAG,IAAiB;IAQ9C,QAAQ,CAAC,KAAK,aAAa,EAAE,aAAa,sBAAqB;IAO/D,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAO;IACnC,IAAI,OAAO,gBAMV;IAED,MAAM,CAAC,MAAM,UAAQ;IAIrB,aAAa,CAAC,EAAE,EAAE,aAAa,EAAE,OAAO,CAAC,EAAE,MAAM;CAalD;AAiLD,KAAK,iBAAiB,GAAG,YAAY,GAAG,SAAS,CAAA;AAKjD,wBAAgB,WAAW,CAAC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,uDAY7D"}
+{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../src/helpers/ThemeManager.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE/D,KAAK,aAAa,GAAG,CACnB,IAAI,EAAE,MAAM,GAAG,IAAI,EACnB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,OAAO,KACZ,IAAI,CAAA;AAET,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB,CAAA;AAID,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,UAAU,WAEzD;AAID,qBAAa,YAAY;IAOd,KAAK,EAAE,UAAU;IAN1B,EAAE,SAAI;IACN,cAAc,qBAA2B;IACzC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAO;IACzC,KAAK,EAAE,iBAAiB,CAAa;gBAG5B,KAAK,GAAE,UAAe,EAC7B,aAAa,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS;IA6B1D,oBAAoB,CAClB,KAAK,GAAE,UAAU,GAAG;QAAE,UAAU,CAAC,EAAE,WAAW,CAAA;KAAqB,EACnE,YAAY,UAAO;IAkBrB,WAAW,CAAC,SAAS,EAAE,iBAAiB,EAAE,YAAY,UAAO;IAoB7D,iBAAiB,CACf,KAAK,aAAa,EAClB,KAAK,GAAE,iBAAiB,GAAG,IAAiB,EAC5C,aAAa,sBAAqB;IAapC,oBAAoB,CAClB,SAAS,EAAE,iBAAiB,GAAG,IAAI,EACnC,KAAK,GAAE,iBAAiB,GAAG,IAAiB;IAQ9C,QAAQ,CAAC,KAAK,aAAa,EAAE,aAAa,sBAAqB;IAO/D,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAO;IACnC,IAAI,OAAO,gBAMV;IAED,MAAM,CAAC,MAAM,UAAQ;IAIrB,aAAa,CAAC,EAAE,EAAE,aAAa,EAAE,OAAO,CAAC,EAAE,MAAM;CAalD;AA0KD,KAAK,iBAAiB,GAAG,YAAY,GAAG,SAAS,CAAA;AAKjD,wBAAgB,WAAW,CAAC,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,uDAY7D"}

package/types/helpers/createShallowSetState.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare function createShallowSetState<State extends Object>(setter: React.Dispatch<React.SetStateAction<State>>): (next: Partial<State>) => void;
-export declare function mergeIfNotShallowEqual(prev: any, next: any): any;
+import { DebugProp } from '../types';
+export declare function createShallowSetState<State extends Object>(setter: React.Dispatch<React.SetStateAction<State>>, debug?: DebugProp): (next: Partial<State>) => void;
+export declare function mergeIfNotShallowEqual(prev: any, next: any, debug?: DebugProp): any;
 export declare function isEqualShallow(prev: any, next: any): boolean;
 //# sourceMappingURL=createShallowSetState.d.ts.map

package/types/helpers/createShallowSetState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createShallowSetState.d.ts","sourceRoot":"","sources":["../../src/helpers/createShallowSetState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,MAAM,EACxD,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,UAErC,QAAQ,KAAK,CAAC,UAC7B;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,OAE1D;AAED,wBAAgB,cAAc,CAAC,IAAI,KAAA,EAAE,IAAI,KAAA,WAOxC"}
+{"version":3,"file":"createShallowSetState.d.ts","sourceRoot":"","sources":["../../src/helpers/createShallowSetState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,wBAAgB,qBAAqB,CAAC,KAAK,SAAS,MAAM,EACxD,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EACnD,KAAK,CAAC,EAAE,SAAS,UAEH,QAAQ,KAAK,CAAC,UAE7B;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,SAAS,OAc7E;AAED,wBAAgB,cAAc,CAAC,IAAI,KAAA,EAAE,IAAI,KAAA,WAOxC"}

package/types/helpers/getSplitStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAEZ,qBAAqB,EAErB,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AA4BjB,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAMhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,eAAe,EAC3B,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAE3B,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AAgC7B,eAAO,MAAM,cAAc,EAAE,aAgrC5B,CAAA;AA2DD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cA2BF,CAAA;AAqBD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAEZ,qBAAqB,EAErB,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AA4BjB,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAMhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,eAAe,EAC3B,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAE3B,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AAgC7B,eAAO,MAAM,cAAc,EAAE,aA4oC5B,CAAA;AA2DD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cA2BF,CAAA;AAqBD,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA"}

package/types/helpers/getStylesAtomic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAc,MAAM,kBAAkB,CAAA;AAG1D,OAAO,KAAK,EAAE,SAAS,EAAyB,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGtF,OAAO,EACL,gBAAgB,EAGjB,MAAM,qBAAqB,CAAA;AAI5B,wBAAgB,eAAe,CAAC,QAAQ,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,SAAS,iBAiBhF;AAMD,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,UAgBnD;AAED,eAAO,MAAM,oBAAoB,UACxB,oBAAoB,WAClB,gBAAgB,KACxB,WAAW,EAmCb,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAgCpD"}
+{"version":3,"file":"getStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAc,MAAM,kBAAkB,CAAA;AAG1D,OAAO,KAAK,EAAE,SAAS,EAAyB,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGtF,OAAO,EACL,gBAAgB,EAGjB,MAAM,qBAAqB,CAAA;AAI5B,wBAAgB,eAAe,CAAC,QAAQ,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,SAAS,iBAchF;AAMD,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,UAgBnD;AAED,eAAO,MAAM,oBAAoB,UACxB,oBAAoB,WAClB,gBAAgB,KACxB,WAAW,EAmCb,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAgCpD"}

package/types/helpers/insertStyleRule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insertStyleRule.d.ts","sourceRoot":"","sources":["../../src/helpers/insertStyleRule.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,aAAa,EACb,aAAa,EAEb,YAAY,EACb,MAAM,UAAU,CAAA;AAQjB,eAAO,MAAM,kBAAkB,IAAK,CAAA;AAEpC,eAAO,MAAM,eAAe,8BAAqB,CAAA;AACjD,eAAO,MAAM,WAAW,gBAAgC,CAAA;AACxD,eAAO,MAAM,gBAAgB,UAA2B,CAAA;AA6BxD,wBAAgB,qBAAqB,SAkBpC;AAID,wBAAgB,aAAa,CAC3B,aAAa,UAAQ,EACrB,MAAM,CAAC,EAAE,YAAY,GACpB,aAAa,GAAG,SAAS,CA8B3B;AAiOD,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,uBAS9D;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,aAAa,QA+B5D;AAUD,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,WAmBxD"}
+{"version":3,"file":"insertStyleRule.d.ts","sourceRoot":"","sources":["../../src/helpers/insertStyleRule.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,aAAa,EACb,aAAa,EAEb,YAAY,EACb,MAAM,UAAU,CAAA;AAQjB,eAAO,MAAM,kBAAkB,IAAK,CAAA;AAEpC,eAAO,MAAM,eAAe,8BAAqB,CAAA;AACjD,eAAO,MAAM,WAAW,gBAAgC,CAAA;AACxD,eAAO,MAAM,gBAAgB,UAA2B,CAAA;AA6BxD,wBAAgB,qBAAqB,SAkBpC;AAID,wBAAgB,aAAa,CAC3B,aAAa,UAAQ,EACrB,MAAM,CAAC,EAAE,YAAY,GACpB,aAAa,GAAG,SAAS,CA8B3B;AA+ND,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,uBAS9D;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,aAAa,QA+B5D;AAUD,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,WAmBxD"}

package/types/helpers/pseudoDescriptors.d.ts

@@ -23,6 +23,7 @@ export type PseudoDescriptor = {
     name: string;
     priority: number;
     stateKey?: string;
+    selector?: string;
 };
 export type PseudoDescriptors = {
     [Key in keyof typeof pseudoDescriptors]: PseudoDescriptor;

package/types/helpers/pseudoDescriptors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pseudoDescriptors.d.ts","sourceRoot":"","sources":["../../src/helpers/pseudoDescriptors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;CAexB,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,EACvE,gBAAgB,CAYjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;KAC7B,GAAG,IAAI,MAAM,OAAO,iBAAiB,GAAG,gBAAgB;CAC1D,CAAA"}
+{"version":3,"file":"pseudoDescriptors.d.ts","sourceRoot":"","sources":["../../src/helpers/pseudoDescriptors.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;CAexB,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,EACvE,gBAAgB,CAYjB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;KAC7B,GAAG,IAAI,MAAM,OAAO,iBAAiB,GAAG,gBAAgB;CAC1D,CAAA"}

package/types/setupHooks.d.ts

@@ -3,7 +3,7 @@ import { GetStyleResult, StaticConfig, TamaguiComponentEvents, TamaguiComponentS
 export declare const hooks: InternalHooks;
 export declare function setupHooks(next: InternalHooks): void;
 type InternalHooks = {
-    usePropsTransform?: (elementType: any, props: Record<string, any>, hostRef: RefObject<TamaguiElement>) => any;
+    usePropsTransform?: (elementType: any, props: Record<string, any>, hostRef: RefObject<TamaguiElement>, willHydrate?: boolean) => any;
     useEvents?: (viewProps: Record<string, any>, events: TamaguiComponentEvents | null, splitStyles: GetStyleResult, setStateShallow: (next: Partial<TamaguiComponentState>) => void, staticConfig: StaticConfig) => any;
     useChildren?: (elementType: any, children: any, viewProps: Record<string, any>, events: TamaguiComponentEvents | null, staticConfig: StaticConfig) => any;
     getBaseViews?: () => {

package/types/setupHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setupHooks.d.ts","sourceRoot":"","sources":["../src/setupHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EACL,cAAc,EACd,YAAY,EACZ,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACf,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,KAAK,EAAE,aAAkB,CAAA;AAGtC,wBAAgB,UAAU,CAAC,IAAI,EAAE,aAAa,QAE7C;AAED,KAAK,aAAa,GAAG;IACnB,iBAAiB,CAAC,EAAE,CAClB,WAAW,EAAE,GAAG,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,KAC/B,GAAG,CAAA;IAER,SAAS,CAAC,EAAE,CACV,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,sBAAsB,GAAG,IAAI,EACrC,WAAW,EAAE,cAAc,EAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,EAC/D,YAAY,EAAE,YAAY,KACvB,GAAG,CAAA;IAER,WAAW,CAAC,EAAE,CACZ,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,sBAAsB,GAAG,IAAI,EACrC,YAAY,EAAE,YAAY,KACvB,GAAG,CAAA;IAER,YAAY,CAAC,EAAE,MAAM;QACnB,IAAI,EAAE,GAAG,CAAA;QACT,IAAI,EAAE,GAAG,CAAA;QACT,YAAY,EAAE,GAAG,CAAA;KAClB,CAAA;CACF,CAAA"}
+{"version":3,"file":"setupHooks.d.ts","sourceRoot":"","sources":["../src/setupHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EACL,cAAc,EACd,YAAY,EACZ,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACf,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,KAAK,EAAE,aAAkB,CAAA;AAGtC,wBAAgB,UAAU,CAAC,IAAI,EAAE,aAAa,QAE7C;AAED,KAAK,aAAa,GAAG;IACnB,iBAAiB,CAAC,EAAE,CAClB,WAAW,EAAE,GAAG,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,EAClC,WAAW,CAAC,EAAE,OAAO,KAClB,GAAG,CAAA;IAER,SAAS,CAAC,EAAE,CACV,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,sBAAsB,GAAG,IAAI,EACrC,WAAW,EAAE,cAAc,EAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,EAC/D,YAAY,EAAE,YAAY,KACvB,GAAG,CAAA;IAER,WAAW,CAAC,EAAE,CACZ,WAAW,EAAE,GAAG,EAChB,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC9B,MAAM,EAAE,sBAAsB,GAAG,IAAI,EACrC,YAAY,EAAE,YAAY,KACvB,GAAG,CAAA;IAER,YAAY,CAAC,EAAE,MAAM;QACnB,IAAI,EAAE,GAAG,CAAA;QACT,IAAI,EAAE,GAAG,CAAA;QACT,YAAY,EAAE,GAAG,CAAA;KAClB,CAAA;CACF,CAAA"}

package/types/types.d.ts

@@ -1013,7 +1013,6 @@ export type SplitStyleProps = {
     isExiting?: boolean;
     exitVariant?: string;
     enterVariant?: string;
-    keepStyleSSR?: boolean;
 };
 export interface PresenceContextProps {
     id: string;
@@ -1056,7 +1055,6 @@ export type UniversalAnimatedNumber<A> = {
 };
 export type AnimationDriver<A extends AnimationConfig = AnimationConfig> = {
     isReactNative?: boolean;
-    keepStyleSSR?: boolean;
     supportsCSSVars?: boolean;
     useAnimations: UseAnimationHook;
     usePresence: () => UsePresenceResult;