@tamagui/web 1.112.1 → 1.112.2

package/src/hooks/useComponentState.ts

@@ -0,0 +1,258 @@
+import {
+  defaultComponentState,
+  defaultComponentStateMounted,
+  defaultComponentStateShouldEnter,
+} from '../defaultComponentState'
+import { useDidHydrateOnce } from '../hooks/useDidHydrateOnce'
+import { useRef, useState } from 'react'
+import type {
+  ComponentContextI,
+  GroupStateListener,
+  StackProps,
+  StaticConfig,
+  TamaguiComponentState,
+  TamaguiComponentStateRef,
+  TamaguiInternalConfig,
+  TextProps,
+  UseAnimationHook,
+} from '../types'
+import { isServer, isWeb } from '@tamagui/constants'
+import { createShallowSetState } from '../helpers/createShallowSetState'
+import { isObj } from '../helpers/isObj'
+import { log } from '../helpers/log'
+
+export const useComponentState = (
+  props: StackProps | TextProps | Record<string, any>,
+  { animationDriver, groups }: ComponentContextI,
+  staticConfig: StaticConfig,
+  config: TamaguiInternalConfig
+) => {
+  const useAnimations = animationDriver?.useAnimations as UseAnimationHook | undefined
+
+  const stateRef = useRef<TamaguiComponentStateRef>(
+    undefined as any as TamaguiComponentStateRef
+  )
+  if (!stateRef.current) {
+    stateRef.current = {}
+  }
+
+  // after we get states mount we need to turn off isAnimated for server side
+  const hasAnimationProp = Boolean(
+    'animation' in props || (props.style && hasAnimatedStyleValue(props.style))
+  )
+
+  // disable for now still ssr issues
+  const supportsCSSVars = animationDriver?.supportsCSSVars
+  const curStateRef = stateRef.current
+
+  const willBeAnimatedClient = (() => {
+    const next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations)
+    return Boolean(next || curStateRef.hasAnimated)
+  })()
+
+  const willBeAnimated = !isServer && willBeAnimatedClient
+
+  // once animated, always animated to preserve hooks / vdom structure
+  if (willBeAnimated && !curStateRef.hasAnimated) {
+    curStateRef.hasAnimated = true
+  }
+
+  // HOOK
+  const presence =
+    (willBeAnimated &&
+      props['animatePresence'] !== false &&
+      animationDriver?.usePresence?.()) ||
+    null
+  const presenceState = presence?.[2]
+  const isExiting = presenceState?.isPresent === false
+  const isEntering = presenceState?.isPresent === true && presenceState.initial !== false
+
+  const hasEnterStyle = !!props.enterStyle
+  // finish animated logic, avoid isAnimated when unmounted
+  const hasRNAnimation = hasAnimationProp && animationDriver?.isReactNative
+
+  const hasEnterState = hasEnterStyle || isEntering
+
+  // this can be conditional because its only ever needed with animations
+  const didHydrateOnce = willBeAnimated ? useDidHydrateOnce() : true
+  const shouldEnter = hasEnterState || (!didHydrateOnce && hasRNAnimation)
+  const shouldEnterFromUnhydrated = isWeb && !didHydrateOnce
+
+  const initialState = shouldEnter
+    ? // on the very first render we switch all spring animation drivers to css rendering
+      // this is because we need to use css variables, which they don't support to do proper SSR
+      // without flickers of the wrong colors.
+      // but once we do that initial hydration and we are in client side rendering mode,
+      // we can avoid the extra re-render on mount
+      shouldEnterFromUnhydrated
+      ? defaultComponentState
+      : defaultComponentStateShouldEnter
+    : defaultComponentStateMounted
+
+  // will be nice to deprecate half of these:
+  const disabled = isDisabled(props)
+
+  if (disabled != null) {
+    initialState.disabled = disabled
+  }
+
+  // HOOK
+  const states = useState<TamaguiComponentState>(initialState)
+
+  const state = props.forceStyle ? { ...states[0], [props.forceStyle]: true } : states[0]
+  const setState = states[1]
+
+  const isHydrated = state.unmounted === false || state.unmounted === 'should-enter'
+
+  // only web server + initial client render run this when not hydrated:
+  let isAnimated = willBeAnimated
+  if (isWeb && hasRNAnimation && !staticConfig.isHOC && state.unmounted === true) {
+    isAnimated = false
+    curStateRef.willHydrate = true
+  }
+
+  // immediately update disabled state and reset component state
+  if (disabled !== state.disabled) {
+    state.disabled = disabled
+    // if disabled remove all press/focus/hover states
+    if (disabled) {
+      Object.assign(state, defaultComponentStateMounted)
+    }
+    setState({ ...state })
+  }
+
+  let setStateShallow = createShallowSetState(setState, disabled, false, props.debug)
+
+  // if (isHydrated && state.unmounted === 'should-enter') {
+  //   state.unmounted = true
+  // }
+
+  // set enter/exit variants onto our new props object
+  if (presenceState && isAnimated && isHydrated && staticConfig.variants) {
+    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {
+      console.warn(`has presenceState ${JSON.stringify(presenceState)}`)
+    }
+    const { enterVariant, exitVariant, enterExitVariant, custom } = presenceState
+    if (isObj(custom)) {
+      Object.assign(props, custom)
+    }
+    const exv = exitVariant ?? enterExitVariant
+    const env = enterVariant ?? enterExitVariant
+    if (state.unmounted && env && staticConfig.variants[env]) {
+      if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {
+        console.warn(`Animating presence ENTER "${env}"`)
+      }
+      props[env] = true
+    } else if (isExiting && exv) {
+      if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {
+        console.warn(`Animating presence EXIT "${exv}"`)
+      }
+      props[exv] = exitVariant !== enterExitVariant
+    }
+  }
+
+  let shouldAvoidClasses = !isWeb
+
+  // on server for SSR and animation compat added the && isHydrated but perhaps we want
+  // disableClassName="until-hydrated" to be more straightforward
+  // see issue if not, Button sets disableClassName to true <Button animation="" /> with
+  // the react-native driver errors because it tries to animate var(--color) to rbga(..)
+  if (isWeb) {
+    const { disableClassName } = props
+
+    const isAnimatedAndHydrated =
+      isAnimated && !supportsCSSVars && didHydrateOnce && !isServer
+
+    const isClassNameDisabled =
+      !staticConfig.acceptsClassName && (config.disableSSR || didHydrateOnce)
+
+    const isDisabledManually =
+      disableClassName && !isServer && didHydrateOnce && state.unmounted === true
+
+    if (isAnimatedAndHydrated || isDisabledManually || isClassNameDisabled) {
+      shouldAvoidClasses = true
+
+      if (process.env.NODE_ENV === 'development' && props.debug) {
+        log(`avoiding className`, {
+          isAnimatedAndHydrated,
+          isDisabledManually,
+          isClassNameDisabled,
+        })
+      }
+    }
+  }
+
+  const groupName = props.group as any as string
+
+  if (groupName && !curStateRef.group) {
+    const listeners = new Set<GroupStateListener>()
+    curStateRef.group = {
+      listeners,
+      emit(name, state) {
+        listeners.forEach((l) => l(name, state))
+      },
+      subscribe(cb) {
+        listeners.add(cb)
+        return () => {
+          listeners.delete(cb)
+        }
+      },
+    }
+  }
+
+  if (groupName) {
+    // when we set state we also set our group state and emit an event for children listening:
+    const groupContextState = groups.state
+    const og = setStateShallow
+    setStateShallow = (state) => {
+      og(state)
+      curStateRef.group!.emit(groupName, {
+        pseudo: state,
+      })
+      // and mutate the current since its concurrent safe (children throw it in useState on mount)
+      const next = {
+        ...groupContextState[groupName],
+        ...state,
+      }
+      groupContextState[groupName] = next
+    }
+  }
+
+  return {
+    curStateRef,
+    disabled,
+    groupName,
+    hasAnimationProp,
+    hasEnterStyle,
+    isAnimated,
+    isExiting,
+    isHydrated,
+    presence,
+    presenceState,
+    setState,
+    setStateShallow,
+    shouldAvoidClasses,
+    state,
+    stateRef,
+    supportsCSSVars,
+    willBeAnimated,
+    willBeAnimatedClient,
+  }
+}
+
+function hasAnimatedStyleValue(style: Object) {
+  return Object.keys(style).some((k) => {
+    const val = style[k]
+    return val && typeof val === 'object' && '_animation' in val
+  })
+}
+
+const isDisabled = (props: any) => {
+  return (
+    props.disabled ||
+    props.accessibilityState?.disabled ||
+    props['aria-disabled'] ||
+    props.accessibilityDisabled ||
+    false
+  )
+}

package/src/hooks/useProps.tsx

@@ -1,12 +1,12 @@
 import React from 'react'
-
 import { getConfig } from '../config'
 import { ComponentContext } from '../contexts/ComponentContext'
-import { subscribeToContextGroup, useComponentState } from '../createComponent'
 import { useSplitStyles } from '../helpers/getSplitStyles'
+import { subscribeToContextGroup } from '../helpers/subscribeToContextGroup'
 import type { SplitStyleProps, StaticConfig, ThemeParsed, UseMediaState } from '../types'
 import { Stack } from '../views/Stack'
 import type { ViewProps, ViewStyle } from '../views/View'
+import { useComponentState } from './useComponentState'
 import { useMedia } from './useMedia'
 import { useThemeWithState } from './useTheme'
 

package/types/createComponent.d.ts

@@ -1,28 +1,8 @@
 import React from 'react';
 import type { TamaguiComponentState } from './interfaces/TamaguiComponentState';
-import type { ComponentContextI, DebugProp, SpaceDirection, SpaceValue, SpacerProps, SpacerStyleProps, StackNonStyleProps, StackProps, StaticConfig, TamaguiComponent, TamaguiComponentStateRef, TamaguiElement, TamaguiInternalConfig, TextProps } from './types';
+import type { DebugProp, SpaceDirection, SpaceValue, SpacerProps, SpacerStyleProps, StackNonStyleProps, StaticConfig, TamaguiComponent, TamaguiElement } from './types';
 type ComponentSetState = React.Dispatch<React.SetStateAction<TamaguiComponentState>>;
 export declare const componentSetStates: Set<ComponentSetState>;
-export declare const useComponentState: (props: StackProps | TextProps | Record<string, any>, { animationDriver, groups }: ComponentContextI, staticConfig: StaticConfig, config: TamaguiInternalConfig) => {
-    curStateRef: TamaguiComponentStateRef;
-    disabled: any;
-    groupName: string;
-    hasAnimationProp: boolean;
-    hasEnterStyle: boolean;
-    isAnimated: boolean;
-    isExiting: boolean;
-    isHydrated: boolean;
-    presence: import("./types").UsePresenceResult | null;
-    presenceState: import("./types").PresenceContextProps | null | undefined;
-    setState: React.Dispatch<React.SetStateAction<TamaguiComponentState>>;
-    setStateShallow: (next?: Partial<TamaguiComponentState> | undefined) => void;
-    shouldAvoidClasses: boolean;
-    state: TamaguiComponentState;
-    stateRef: React.MutableRefObject<TamaguiComponentStateRef>;
-    supportsCSSVars: boolean | undefined;
-    willBeAnimated: boolean;
-    willBeAnimatedClient: boolean;
-};
 export declare function createComponent<ComponentPropTypes extends Record<string, any> = {}, Ref extends TamaguiElement = TamaguiElement, BaseProps = never, BaseStyles extends Object = never>(staticConfig: StaticConfig): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, BaseStyles, {}>;
 export declare function Unspaced(props: {
     children?: any;
@@ -42,14 +22,5 @@ export type SpacedChildrenProps = {
     debug?: DebugProp;
 };
 export declare function spacedChildren(props: SpacedChildrenProps): React.ReactNode;
-export declare const isDisabled: (props: any) => any;
-export declare const subscribeToContextGroup: ({ disabled, setStateShallow, pseudoGroups, mediaGroups, componentContext, state, }: {
-    disabled?: boolean;
-    setStateShallow: (next?: Partial<TamaguiComponentState> | undefined) => void;
-    pseudoGroups?: Set<string>;
-    mediaGroups?: Set<string>;
-    componentContext: ComponentContextI;
-    state: TamaguiComponentState;
-}) => import("./types").DisposeFn | undefined;
 export {};
 //# sourceMappingURL=createComponent.d.ts.map

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAkCzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG/E,OAAO,KAAK,EACV,iBAAiB,EACjB,SAAS,EAKT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,YAAY,EAEZ,gBAAgB,EAChB,wBAAwB,EACxB,cAAc,EACd,qBAAqB,EACrB,SAAS,EAIV,MAAM,SAAS,CAAA;AAchB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAkE9D,eAAO,MAAM,iBAAiB,UACrB,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,+BACtB,iBAAiB,gBAChC,YAAY,UAClB,qBAAqB;;;;;;;;;;;;;;;;;;;CAuN9B,CAAA;AAuBD,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEAynC3B;AAoBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAkBxB,eAAO,MAAM,MAAM,yFA0CjB,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,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD;AA6CD,eAAO,MAAM,UAAU,UAAW,GAAG,QAQpC,CAAA;AAED,eAAO,MAAM,uBAAuB,uFAOjC;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5E,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,KAAK,EAAE,qBAAqB,CAAA;CAC7B,4CAqCA,CAAA"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAG/E,OAAO,KAAK,EAEV,SAAS,EAGT,cAAc,EACd,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAElB,YAAY,EAEZ,gBAAgB,EAChB,cAAc,EAMf,MAAM,SAAS,CAAA;AAchB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAuF9D,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEAknC3B;AAoBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAkBxB,eAAO,MAAM,MAAM,yFA0CjB,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,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mBAiGxD"}

package/types/createTamagui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,kBAAkB,EAKlB,kBAAkB,EAMnB,MAAM,SAAS,CAAA;AAKhB,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,QAAQ,EAAE,IAAI,GACb,kBAAkB,CAAC,IAAI,CAAC,CAsR1B"}
+{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,kBAAkB,EAKlB,kBAAkB,EAMnB,MAAM,SAAS,CAAA;AAKhB,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,QAAQ,EAAE,IAAI,GACb,kBAAkB,CAAC,IAAI,CAAC,CA6R1B"}

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

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAGZ,SAAS,EACT,WAAW,EAEZ,MAAM,UAAU,CAAA;AAyBjB,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,EACjB,wBAAwB,CAAC,EAAE,OAAO,KAC/B,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA+B7B,eAAO,MAAM,cAAc,EAAE,aA6wC5B,CAAA;AAgED,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,SA2BF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAa5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAGZ,SAAS,EACT,WAAW,EAEZ,MAAM,UAAU,CAAA;AA0BjB,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,EACjB,wBAAwB,CAAC,EAAE,OAAO,KAC/B,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA+B7B,eAAO,MAAM,cAAc,EAAE,aA6wC5B,CAAA;AAgED,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,SA2BF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAa5B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"getThemeCSSRules.d.ts","sourceRoot":"","sources":["../../src/helpers/getThemeCSSRules.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAO/D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,MAAM,EAAE,kBAAkB,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,YAmKA"}
+{"version":3,"file":"getThemeCSSRules.d.ts","sourceRoot":"","sources":["../../src/helpers/getThemeCSSRules.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ/D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,MAAM,EAAE,kBAAkB,CAAA;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,YAmKA"}

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;AAuOD,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,uBAW9D;AAGD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,QAEjC;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,aAAa,QAqC5D;AAUD,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,WAuBxD"}
+{"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;AA8BxD,wBAAgB,qBAAqB,SAkBpC;AAID,wBAAgB,aAAa,CAC3B,aAAa,UAAQ,EACrB,MAAM,CAAC,EAAE,YAAY,GACpB,aAAa,GAAG,SAAS,CA8B3B;AAuOD,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,uBAW9D;AAGD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,QAEjC;AAED,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,aAAa,QAqC5D;AAUD,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,WAuBxD"}

package/types/helpers/sortString.d.ts

@@ -0,0 +1,2 @@
+export declare const sortString: (a: string, b: string) => 0 | 1 | -1;
+//# sourceMappingURL=sortString.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sortString.d.ts","sourceRoot":"","sources":["../../src/helpers/sortString.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,MAAO,MAAM,KAAK,MAAM,eAAiC,CAAA"}

package/types/helpers/subscribeToContextGroup.d.ts

@@ -0,0 +1,10 @@
+import type { TamaguiComponentState, ComponentContextI } from '../types';
+export declare const subscribeToContextGroup: ({ disabled, setStateShallow, pseudoGroups, mediaGroups, componentContext, state, }: {
+    disabled?: boolean;
+    setStateShallow: (next?: Partial<TamaguiComponentState> | undefined) => void;
+    pseudoGroups?: Set<string>;
+    mediaGroups?: Set<string>;
+    componentContext: ComponentContextI;
+    state: TamaguiComponentState;
+}) => import("../types").DisposeFn | undefined;
+//# sourceMappingURL=subscribeToContextGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"subscribeToContextGroup.d.ts","sourceRoot":"","sources":["../../src/helpers/subscribeToContextGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAc,MAAM,UAAU,CAAA;AAEpF,eAAO,MAAM,uBAAuB,uFAOjC;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5E,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,gBAAgB,EAAE,iBAAiB,CAAA;IACnC,KAAK,EAAE,qBAAqB,CAAA;CAC7B,6CAqCA,CAAA"}

package/types/hooks/useComponentState.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentContextI, StackProps, StaticConfig, TamaguiComponentState, TamaguiComponentStateRef, TamaguiInternalConfig, TextProps } from '../types';
+export declare const useComponentState: (props: StackProps | TextProps | Record<string, any>, { animationDriver, groups }: ComponentContextI, staticConfig: StaticConfig, config: TamaguiInternalConfig) => {
+    curStateRef: TamaguiComponentStateRef;
+    disabled: any;
+    groupName: string;
+    hasAnimationProp: boolean;
+    hasEnterStyle: boolean;
+    isAnimated: boolean;
+    isExiting: boolean;
+    isHydrated: boolean;
+    presence: import("../types").UsePresenceResult | null;
+    presenceState: import("../types").PresenceContextProps | null | undefined;
+    setState: import("react").Dispatch<import("react").SetStateAction<TamaguiComponentState>>;
+    setStateShallow: (next?: Partial<TamaguiComponentState> | undefined) => void;
+    shouldAvoidClasses: boolean;
+    state: TamaguiComponentState;
+    stateRef: import("react").MutableRefObject<TamaguiComponentStateRef>;
+    supportsCSSVars: boolean | undefined;
+    willBeAnimated: boolean;
+    willBeAnimatedClient: boolean;
+};
+//# sourceMappingURL=useComponentState.d.ts.map

package/types/hooks/useComponentState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentState.d.ts","sourceRoot":"","sources":["../../src/hooks/useComponentState.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,iBAAiB,EAEjB,UAAU,EACV,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,SAAS,EAEV,MAAM,UAAU,CAAA;AAMjB,eAAO,MAAM,iBAAiB,UACrB,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,+BACtB,iBAAiB,gBAChC,YAAY,UAClB,qBAAqB;;;;;;;;;;;;;;;;;;;CAqN9B,CAAA"}

package/types/hooks/useProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useProps.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAEzF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAIzD,KAAK,eAAe,GAAG,IAAI,CACzB,eAAe,EACf,UAAU,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,CAC9D,GAAG;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE;QAAE,YAAY,EAAE,YAAY,CAAA;KAAE,CAAA;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;KAEtC,GAAG,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;CACjE,CAAA;AAED,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AACjE,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AAEjE;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAW5B;AAED;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAE5B;AAED;;;;;KAKK;AACL,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,eAAe,EACxD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,CAAC,CA8DtF"}
+{"version":3,"file":"useProps.d.ts","sourceRoot":"","sources":["../../src/hooks/useProps.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAEzF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAKzD,KAAK,eAAe,GAAG,IAAI,CACzB,eAAe,EACf,UAAU,GAAG,aAAa,GAAG,cAAc,GAAG,eAAe,CAC9D,GAAG;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,YAAY,CAAC,EAAE;QAAE,YAAY,EAAE,YAAY,CAAA;KAAE,CAAA;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;KAEtC,GAAG,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;CACjE,CAAA;AAED,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AACjE,KAAK,eAAe,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,MAAM,CAAA;AAEjE;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAW5B;AAED;;;;;KAKK;AACL,wBAAgB,QAAQ,CAAC,CAAC,SAAS,eAAe,EAChD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,uBAAuB,CAAC,CAAC,CAAC,CAE5B;AAED;;;;;KAKK;AACL,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,eAAe,EACxD,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,eAAe,GACrB,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,CAAC,CA8DtF"}