@tamagui/core 1.0.1-rc.0 → 1.0.1-rc.0.2

package/dist/cjs/hooks/useTheme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useTheme.tsx"],
-  "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useLayoutEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport { createProxy } from '../helpers/createProxy'\nimport { ThemeManager, ThemeManagerState, hasNoThemeUpdatingProps } from '../helpers/ThemeManager'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { ThemeParsed, ThemeProps } from '../types'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped'\n\nexport type ChangedThemeResponse = {\n  themeManager: ThemeManager | null\n  name: string\n  isNewTheme?: boolean\n  theme?: ThemeParsed | null\n  className?: string\n}\n\nconst emptyProps = { name: null }\n\nfunction getDefaultThemeProxied() {\n  const config = getConfig()\n  const name = Object.keys(config.themes)[0]\n  return getThemeProxied({\n    theme: config.themes[name],\n    name,\n  })\n}\n\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n  if (isRSC) {\n    return getDefaultThemeProxied()\n  }\n\n  const { name, theme, themeManager, className, isNewTheme } = useChangeThemeEffect(props)\n\n  if (process.env.NODE_ENV === 'development') {\n    // ensure we aren't creating too many ThemeManagers\n    if (isWeb && isNewTheme && className === themeManager?.parentManager?.state.className) {\n      console.error(`Should always change, duplicating ThemeMananger bug`, themeManager)\n      // eslint-disable-next-line no-debugger\n      debugger\n    }\n    if (props.debug === 'verbose') {\n      console.groupCollapsed('  \uD83D\uDD39 useTheme =>', name)\n      const logs = { ...props, name, className, ...(isDevTools && { theme }) }\n      for (const key in logs) {\n        console.log('  ', key, logs[key])\n      }\n      console.groupEnd()\n    }\n  }\n\n  if (!theme) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('No theme found', name, props, themeManager)\n    }\n    return getDefaultThemeProxied()\n  }\n\n  return useMemo(() => {\n    return getThemeProxied({\n      isNewTheme,\n      theme,\n      name,\n      className,\n      themeManager,\n    })\n  }, [theme, isNewTheme, name, className, themeManager])\n}\n\nfunction getThemeProxied({\n  theme,\n  name,\n  className,\n  themeManager,\n  isNewTheme,\n}: {\n  theme: any\n  name: string\n  className?: string\n  themeManager?: ThemeManager | null\n  isNewTheme?: boolean\n}) {\n  return createProxy(theme, {\n    has(_, key) {\n      if (typeof key === 'string') {\n        if (key[0] === '$') key = key.slice(1)\n        return themeManager?.allKeys.has(key)\n      }\n      return Reflect.has(theme, key)\n    },\n    get(_, key) {\n      if (key === GetThemeUnwrapped) {\n        return theme\n      } else if (key === GetThemeManager) {\n        return themeManager\n      } else if (key === GetIsNewTheme) {\n        return isNewTheme\n      } else if (key === 'name') {\n        return name\n      } else if (key === 'className') {\n        return className\n      } else if (!name || key === '__proto__' || typeof key === 'symbol' || key === '$typeof') {\n        return Reflect.get(_, key)\n      }\n      // auto convert variables to plain\n      if (key[0] === '$') key = key.slice(1)\n      if (!themeManager) {\n        return theme[key]\n      }\n      return themeManager.getValue(key)\n    },\n  })\n}\n\nconst GetThemeManager = Symbol()\nconst GetIsNewTheme = Symbol()\n\nexport const getThemeManager = (theme: any): ThemeManager | undefined => theme?.[GetThemeManager]\nexport const getThemeIsNewTheme = (theme: any): ThemeManager | undefined => theme?.[GetIsNewTheme]\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (props: ThemeProps, root = false): ChangedThemeResponse => {\n  if (isRSC) {\n    // we need context working for this to work well\n    return {\n      ...createState().state,\n      themeManager: null,\n    }\n  }\n  const parentManager = useContext(ThemeManagerContext)\n\n  const {\n    debug,\n    // @ts-expect-error internal use only\n    disable,\n  } = props\n\n  if (disable) {\n    if (!parentManager) throw new Error(`Disable topmost`)\n    return {\n      ...parentManager.state,\n      isNewTheme: false,\n      themeManager: parentManager,\n    }\n  }\n\n  type State = {\n    isNewTheme: boolean\n    state: ThemeManagerState\n    themeManager: ThemeManager\n    mounted?: boolean\n  }\n\n  const [themeState, setThemeState] = useState<State>(createState)\n  const { isNewTheme, state, themeManager, mounted } = themeState\n\n  if (!isServer) {\n    useLayoutEffect(() => {\n      if (disable) return\n      // SSR safe inverse (because server can't know prefers scheme)\n      // could be done through fancy selectors like how we do prefers-media\n      // but may be a bit of explosion of selectors\n      if (props.inverse && !mounted) {\n        setThemeState({ ...themeState, mounted: true })\n        return\n      }\n      activeThemeManagers.add(themeManager)\n      const disposeChangeListener = parentManager?.onChangeTheme(() => {\n        if (!isNewTheme && !isWeb) {\n          setThemeState({\n            ...themeState,\n            state: { ...themeManager.state },\n            isNewTheme: false,\n          })\n        } else {\n          updateState()\n        }\n      })\n      return () => {\n        activeThemeManagers.delete(themeManager)\n        disposeChangeListener?.()\n      }\n    }, [disable, state, isNewTheme, debug])\n  }\n\n  // prettier-ignore\n  if (process.env.NODE_ENV === 'development' && debug) console.log('useTheme.render isNewTheme', isNewTheme, props, themeManager.state.name, parentManager?.state.name)\n\n  // this seems unnecessary\n  if (hasNoThemeUpdatingProps(props) || (!mounted && parentManager)) {\n    if (!parentManager) throw `impossible`\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', parentManager.state)\n    return {\n      ...parentManager.state,\n      themeManager: parentManager,\n      isNewTheme: false,\n    }\n  }\n\n  // run inline in render\n  updateState()\n\n  return {\n    ...state,\n    isNewTheme,\n    themeManager,\n  }\n\n  function createState(prev?: State) {\n    const _ = new ThemeManager(props, root ? 'root' : parentManager)\n    const isNewTheme = _ !== parentManager\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && debug) [console.groupCollapsed('useTheme create() isNewTheme', isNewTheme), console.log('parent.state.name', parentManager?.state.name, '\\n', 'props', props, '\\n', isClient ? parentManager : '', 'getState', isNewTheme && isClient ? _.getState(props) : '', '\\n', 'state', isClient ? { ..._.state } : ''), console.groupEnd()]\n    // only inverse relies on this for ssr\n    const mounted = !props.inverse ? true : root || prev?.mounted || false\n    return {\n      // ThemeManager returns parentManager if no change\n      isNewTheme,\n      state: { ..._.state },\n      themeManager: _,\n      mounted,\n    }\n  }\n\n  function updateState() {\n    const next = themeManager.getState(props, parentManager)\n    const shouldChange = themeManager.getStateShouldChange(next, isNewTheme ? state : null)\n    if (shouldChange) {\n      setThemeState(createState)\n    } else {\n      if (!next && parentManager?.state.name !== state.name) {\n        // were changing back to parent state\n        setThemeState(createState)\n      }\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport { createProxy } from '../helpers/createProxy'\nimport { ThemeManager, ThemeManagerState, hasNoThemeUpdatingProps } from '../helpers/ThemeManager'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { ThemeParsed, ThemeProps } from '../types'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped'\n\nexport type ChangedThemeResponse = {\n  themeManager: ThemeManager | null\n  name: string\n  isNewTheme?: boolean\n  theme?: ThemeParsed | null\n  className?: string\n}\n\nconst emptyProps = { name: null }\n\nfunction getDefaultThemeProxied() {\n  const config = getConfig()\n  const name = Object.keys(config.themes)[0]\n  return getThemeProxied({\n    theme: config.themes[name],\n    name,\n  })\n}\n\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n  if (isRSC) {\n    return getDefaultThemeProxied()\n  }\n\n  const { name, theme, themeManager, className, isNewTheme } = useChangeThemeEffect(props)\n\n  if (process.env.NODE_ENV === 'development') {\n    // ensure we aren't creating too many ThemeManagers\n    if (isWeb && isNewTheme && className === themeManager?.parentManager?.state.className) {\n      console.error(`Should always change, duplicating ThemeMananger bug`, themeManager)\n      // eslint-disable-next-line no-debugger\n      debugger\n    }\n    if (props.debug === 'verbose') {\n      console.groupCollapsed('  \uD83D\uDD39 useTheme =>', name)\n      const logs = { ...props, name, className, ...(isDevTools && { theme }) }\n      for (const key in logs) {\n        console.log('  ', key, logs[key])\n      }\n      console.groupEnd()\n    }\n  }\n\n  if (!theme) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('No theme found', name, props, themeManager)\n    }\n    return getDefaultThemeProxied()\n  }\n\n  return useMemo(() => {\n    return getThemeProxied({\n      isNewTheme,\n      theme,\n      name,\n      className,\n      themeManager,\n    })\n  }, [theme, isNewTheme, name, className, themeManager])\n}\n\nfunction getThemeProxied({\n  theme,\n  name,\n  className,\n  themeManager,\n  isNewTheme,\n}: {\n  theme: any\n  name: string\n  className?: string\n  themeManager?: ThemeManager | null\n  isNewTheme?: boolean\n}) {\n  return createProxy(theme, {\n    has(_, key) {\n      if (typeof key === 'string') {\n        if (key[0] === '$') key = key.slice(1)\n        return themeManager?.allKeys.has(key)\n      }\n      return Reflect.has(theme, key)\n    },\n    get(_, key) {\n      if (key === GetThemeUnwrapped) {\n        return theme\n      } else if (key === GetThemeManager) {\n        return themeManager\n      } else if (key === GetIsNewTheme) {\n        return isNewTheme\n      } else if (key === 'name') {\n        return name\n      } else if (key === 'className') {\n        return className\n      } else if (!name || key === '__proto__' || typeof key === 'symbol' || key === '$typeof') {\n        return Reflect.get(_, key)\n      }\n      // auto convert variables to plain\n      if (key[0] === '$') key = key.slice(1)\n      if (!themeManager) {\n        return theme[key]\n      }\n      return themeManager.getValue(key)\n    },\n  })\n}\n\nconst GetThemeManager = Symbol()\nconst GetIsNewTheme = Symbol()\n\nexport const getThemeManager = (theme: any): ThemeManager | undefined => theme?.[GetThemeManager]\nexport const getThemeIsNewTheme = (theme: any): ThemeManager | undefined => theme?.[GetIsNewTheme]\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (props: ThemeProps, root = false): ChangedThemeResponse => {\n  if (isRSC) {\n    // we need context working for this to work well\n    return {\n      ...createState().state,\n      themeManager: null,\n    }\n  }\n  const parentManager = useContext(ThemeManagerContext)\n\n  const {\n    debug,\n    // @ts-expect-error internal use only\n    disable,\n  } = props\n\n  if (disable) {\n    if (!parentManager) throw new Error(`Disable topmost`)\n    return {\n      ...parentManager.state,\n      isNewTheme: false,\n      themeManager: parentManager,\n    }\n  }\n\n  type State = {\n    isNewTheme: boolean\n    state: ThemeManagerState\n    themeManager: ThemeManager\n    mounted?: boolean\n  }\n\n  const [themeState, setThemeState] = useState<State>(createState)\n  const { isNewTheme, state, themeManager, mounted } = themeState\n\n  if (!isServer) {\n    useEffect(() => {\n      if (disable) return\n      // SSR safe inverse (because server can't know prefers scheme)\n      // could be done through fancy selectors like how we do prefers-media\n      // but may be a bit of explosion of selectors\n      if (props.inverse && !mounted) {\n        setThemeState({ ...themeState, mounted: true })\n        return\n      }\n      activeThemeManagers.add(themeManager)\n      const disposeChangeListener = parentManager?.onChangeTheme(() => {\n        if (!isNewTheme && !isWeb) {\n          setThemeState({\n            ...themeState,\n            state: { ...themeManager.state },\n            isNewTheme: false,\n          })\n        } else {\n          updateState()\n        }\n      })\n      return () => {\n        activeThemeManagers.delete(themeManager)\n        disposeChangeListener?.()\n      }\n    }, [disable, state, isNewTheme, debug])\n  }\n\n  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse)\n  const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount\n\n  if (shouldReturnParentState) {\n    if (!parentManager) throw `impossible`\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', parentManager.state.name, 'isInversingOnMount', isInversingOnMount)\n    return {\n      ...parentManager.state,\n      className: isInversingOnMount ? '' : parentManager.state.className,\n      themeManager: parentManager,\n      isNewTheme: false,\n    }\n  }\n\n  // run inline in render\n  updateState()\n\n  return {\n    ...state,\n    isNewTheme,\n    themeManager,\n  }\n\n  function createState(prev?: State) {\n    const _ = new ThemeManager(props, root ? 'root' : parentManager)\n    const isNewTheme = _ !== parentManager\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && debug) [console.groupCollapsed('useTheme create() isNewTheme', isNewTheme), console.log('parent.state.name', parentManager?.state.name, '\\n', 'props', props, '\\n', isClient ? parentManager : '', 'getState', isNewTheme && isClient ? _.getState(props) : '', '\\n', 'state', isClient ? { ..._.state } : ''), console.groupEnd()]\n    // only inverse relies on this for ssr\n    const mounted = !props.inverse ? true : root || prev?.mounted || false\n    return {\n      // ThemeManager returns parentManager if no change\n      isNewTheme,\n      state: { ..._.state },\n      themeManager: _,\n      mounted,\n    }\n  }\n\n  function updateState() {\n    const next = themeManager.getState(props, parentManager)\n    const shouldChange = themeManager.getStateShouldChange(next, isNewTheme ? state : null)\n    if (shouldChange) {\n      setThemeState(createState)\n    } else {\n      if (!next && parentManager?.state.name !== state.name) {\n        // were changing back to parent state\n        setThemeState(createState)\n      }\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": ["isNewTheme", "mounted"]
 }

package/dist/cjs/views/Theme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Theme.tsx"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport React, { useMemo } from 'react'\n\nimport { variableToString } from '../createVariable'\nimport { ThemeManager } from '../helpers/ThemeManager'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { useChangeThemeEffect } from '../hooks/useTheme'\nimport { ThemeProps } from '../types'\n\nexport function Theme(props: ThemeProps) {\n  // @ts-expect-error its a permanent prop meant for internal views\n  if (props.disable) {\n    return props.children\n  }\n\n  const isRoot = !!props['_isRoot']\n  const { name, theme, themeManager, isNewTheme, className } = useChangeThemeEffect(props, isRoot)\n\n  const disableThemeClass = props.disableThemeClass\n  const missingTheme = !name || !theme\n\n  // memo here, changing theme without re-rendering all children is a critical optimization\n  // may require some effort of end user to memoize but without this memo they'd have no option\n  let contents = useMemo(() => {\n    const next = props['data-themeable']\n      ? React.cloneElement(props.children, { ['data-themeable']: true })\n      : props.children\n\n    return missingTheme ? next : wrapThemeManagerContext(next, themeManager)\n  }, [missingTheme, props.children, themeManager])\n\n  if (process.env.NODE_ENV === 'development' && missingTheme) {\n    // eslint-disable-next-line no-console\n    name && !theme && console.warn(`No theme found by name ${name}`)\n    return props.children\n  }\n\n  if (disableThemeClass || missingTheme) {\n    return contents\n  }\n\n  if (isWeb) {\n    const cn = [props.className, className, '_dsp_contents'].filter(Boolean).join(' ')\n    contents = (\n      <span\n        className={cn}\n        style={{\n          // in order to provide currentColor, set color by default\n          color: variableToString(theme?.color),\n        }}\n      >\n        {contents}\n      </span>\n    )\n  }\n\n  return contents\n}\n\nexport function wrapThemeManagerContext(\n  children: any,\n  themeManager?: ThemeManager | null,\n  shouldReset?: boolean\n) {\n  // be sure to memoize themeManager to avoid reparenting\n  if (!themeManager) {\n    return children\n  }\n  // be sure to memoize shouldReset to avoid reparenting\n  let next = children\n  // TODO likely not necessary if we do reset logic now in useTheme?\n  // reset to parent theme\n  if (shouldReset && themeManager) {\n    next = <Theme name={themeManager.state.parentName}>{next}</Theme>\n  }\n  return <ThemeManagerContext.Provider value={themeManager}>{next}</ThemeManagerContext.Provider>\n}\n"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport React, { useMemo } from 'react'\n\nimport { variableToString } from '../createVariable'\nimport { ThemeManager } from '../helpers/ThemeManager'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { useChangeThemeEffect } from '../hooks/useTheme'\nimport { ThemeProps } from '../types'\n\nexport function Theme(props: ThemeProps) {\n  // @ts-expect-error only for internal views\n  if (props.disable) {\n    return props.children\n  }\n\n  const isRoot = !!props['_isRoot']\n  const { name, theme, themeManager, isNewTheme, className } = useChangeThemeEffect(props, isRoot)\n\n  const disableThemeClass = props.disableThemeClass\n  const missingTheme = !name || !theme\n\n  // memo here, changing theme without re-rendering all children is a critical optimization\n  // may require some effort of end user to memoize but without this memo they'd have no option\n  let contents = useMemo(() => {\n    const next = props['data-themeable']\n      ? React.cloneElement(props.children, { ['data-themeable']: true })\n      : props.children\n\n    return missingTheme ? next : wrapThemeManagerContext(next, themeManager)\n  }, [missingTheme, props.children, themeManager])\n\n  if (process.env.NODE_ENV === 'development' && missingTheme) {\n    // eslint-disable-next-line no-console\n    name && !theme && console.warn(`No theme found by name ${name}`)\n    return props.children\n  }\n\n  if (disableThemeClass || missingTheme) {\n    return contents\n  }\n\n  if (isWeb) {\n    const cn = [props.className, className, '_dsp_contents'].filter(Boolean).join(' ')\n    contents = (\n      <span\n        className={cn}\n        style={{\n          // in order to provide currentColor, set color by default\n          color: variableToString(theme?.color),\n        }}\n      >\n        {contents}\n      </span>\n    )\n  }\n\n  return contents\n}\n\nexport function wrapThemeManagerContext(\n  children: any,\n  themeManager?: ThemeManager | null,\n  shouldReset?: boolean\n) {\n  // be sure to memoize themeManager to avoid reparenting\n  if (!themeManager) {\n    return children\n  }\n  // be sure to memoize shouldReset to avoid reparenting\n  let next = children\n  // TODO likely not necessary if we do reset logic now in useTheme?\n  // reset to parent theme\n  if (shouldReset && themeManager) {\n    next = <Theme name={themeManager.state.parentName}>{next}</Theme>\n  }\n  return <ThemeManagerContext.Provider value={themeManager}>{next}</ThemeManagerContext.Provider>\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CM;AA5CN,uBAAsB;AACtB,mBAA+B;AAE/B,4BAAiC;AAEjC,iCAAoC;AACpC,sBAAqC;AAG9B,SAAS,MAAM,OAAmB;AAEvC,MAAI,MAAM,SAAS;AACjB,WAAO,MAAM;AAAA,EACf;AAEA,QAAM,SAAS,CAAC,CAAC,MAAM;AACvB,QAAM,EAAE,MAAM,OAAO,cAAc,YAAY,UAAU,QAAI,sCAAqB,OAAO,MAAM;AAE/F,QAAM,oBAAoB,MAAM;AAChC,QAAM,eAAe,CAAC,QAAQ,CAAC;AAI/B,MAAI,eAAW,sBAAQ,MAAM;AAC3B,UAAM,OAAO,MAAM,oBACf,aAAAA,QAAM,aAAa,MAAM,UAAU,EAAE,CAAC,mBAAmB,KAAK,CAAC,IAC/D,MAAM;AAEV,WAAO,eAAe,OAAO,wBAAwB,MAAM,YAAY;AAAA,EACzE,GAAG,CAAC,cAAc,MAAM,UAAU,YAAY,CAAC;AAE/C,MAAI,QAAQ,IAAI,aAAa,iBAAiB,cAAc;AAE1D,YAAQ,CAAC,SAAS,QAAQ,KAAK,0BAA0B,MAAM;AAC/D,WAAO,MAAM;AAAA,EACf;AAEA,MAAI,qBAAqB,cAAc;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,wBAAO;AACT,UAAM,KAAK,CAAC,MAAM,WAAW,WAAW,eAAe,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACjF,eACE,4CAAC;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,QAEL,WAAO,wCAAiB,+BAAO,KAAK;AAAA,MACtC;AAAA,MAEC;AAAA,KACH;AAAA,EAEJ;AAEA,SAAO;AACT;AAEO,SAAS,wBACd,UACA,cACA,aACA;AAEA,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AAEA,MAAI,OAAO;AAGX,MAAI,eAAe,cAAc;AAC/B,WAAO,4CAAC;AAAA,MAAM,MAAM,aAAa,MAAM;AAAA,MAAa;AAAA,KAAK;AAAA,EAC3D;AACA,SAAO,4CAAC,+CAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,IAAe;AAAA,GAAK;AAClE;",
   "names": ["React"]
 }

package/dist/esm/createComponent.js

@@ -14,6 +14,7 @@ import React, {
   createElement,
   forwardRef,
   memo,
+  startTransition,
   useCallback,
   useContext,
   useEffect,
@@ -156,14 +157,11 @@ function createComponent(configIn, ParentComponent) {
     const themeIsNew = getThemeIsNewTheme(theme);
     const shouldSetMounted = needsMount && state.unmounted;
     const setMounted = shouldSetMounted ? () => {
-      setTimeout(
-        () => {
-          setStateShallow({
-            unmounted: false
-          });
-        },
-        isWeb ? 10 : 0
-      );
+      startTransition(() => {
+        setStateShallow({
+          unmounted: false
+        });
+      });
     } : void 0;
     const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false);
     const languageContext = isRSC ? null : useContext(FontLanguageContext);

package/dist/esm/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createComponent.tsx"],
-  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { isClient, isRSC, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport {\n  composeEventHandlers,\n  stylePropsTransform,\n  stylePropsView,\n  validPseudoKeys,\n  validStyles,\n} from '@tamagui/helpers'\nimport { useResponderEvents } from '@tamagui/react-native-use-responder-events'\nimport type { ViewStyle } from '@tamagui/types-react-native'\nimport React, {\n  Children,\n  Fragment,\n  RefObject,\n  createElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react'\n\nimport { onConfiguredOnce } from './config'\nimport { stackDefaultStyles } from './constants/constants'\nimport { FontLanguageContext } from './contexts/FontLanguageContext'\nimport { TextAncestorContext } from './contexts/TextAncestorContext'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { getRect } from './helpers/getRect'\nimport { getSubStyle, useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { mergeTransform } from './helpers/mergeTransform'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { useShallowSetState } from './helpers/useShallowSetState'\nimport { measureLayout, useElementLayout } from './hooks/useElementLayout'\nimport { addMediaQueryListener, getInitialMediaState } from './hooks/useMedia'\nimport { useServerRef, useServerState } from './hooks/useServerHooks'\nimport { getThemeIsNewTheme, getThemeManager, useTheme } from './hooks/useTheme'\nimport {\n  DebugProp,\n  SpaceDirection,\n  SpaceTokens,\n  SpacerProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n  UseAnimationProps,\n} from './types'\nimport { usePressability } from './vendor/Pressability'\nimport { Slot, mergeEvent } from './views/Slot'\nimport { wrapThemeManagerContext } from './views/Theme'\n\n// let t\n// import { timer } from '@tamagui/timer'\n// if (true || process.env.ANALYZE) {\n//   t = require().timer()\n//   setTimeout(() => {\n//     const out = t.print()\n//     if (isClient) {\n//       alert(out)\n//     }\n//   }, 2000)\n// }\n\n// this appears to fix expo / babel not picking this up sometimes? really odd\nprocess.env.TAMAGUI_TARGET\n\n/**\n * All things that need one-time setup after createTamagui is called\n */\nlet defaultComponentState: TamaguiComponentState | null = null\nlet defaultComponentStateMounted: TamaguiComponentState | null = null\nlet tamaguiConfig: TamaguiInternalConfig\nlet AnimatedText: any\nlet AnimatedView: any\nlet initialTheme: any\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  const cancelTouches = () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  }\n  addEventListener('mouseup', cancelTouches)\n  addEventListener('touchend', cancelTouches)\n  addEventListener('touchcancel', cancelTouches)\n}\n\n// mutates\nfunction mergeShorthands({ defaultProps }: StaticConfigParsed, { shorthands }: TamaguiConfig) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key of Object.keys(defaultProps)) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\n/**\n * Only on native do we need the actual underlying View/Text\n * On the web we avoid react-native altogether in core.\n */\nlet BaseText: any\nlet BaseView: any\nif (process.env.TAMAGUI_TARGET === 'native') {\n  const native = require('react-native')\n  BaseText = native.Text || native.default.Text\n  BaseView = native.View || native.default.View\n}\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = TamaguiElement,\n  BaseProps = never\n>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent) {\n  const staticConfig = (() => {\n    const next = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in next) {\n      return next\n    } else {\n      return parseStaticConfig(next)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let defaultNativeStyle: any\n  let tamaguiDefaultProps: any\n  let defaultTag: string | undefined\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\n    // const time = t.start({ quiet: true })\n\n    // React inserts default props after your props for some reason...\n    // order important so we do loops, you can't just spread because JS does weird things\n    let props: any\n    if (tamaguiDefaultProps && !propsIn.asChild) {\n      props = mergeProps(tamaguiDefaultProps, propsIn)[0]\n    } else {\n      props = propsIn\n    }\n\n    const debugProp = props['debug'] as DebugProp\n    const { Component, isText, isZStack } = staticConfig\n    const componentName = props.componentName || staticConfig.componentName\n    const componentClassName = props.asChild\n      ? ''\n      : props.componentName\n      ? `is_${props.componentName}`\n      : defaultComponentClassName\n\n    /**\n     * Component state for tracking animations, pseudos\n     */\n    const animationsConfig = tamaguiConfig.animations\n    const useAnimations = animationsConfig?.useAnimations as UseAnimationHook | undefined\n    const avoidClassesWhileAnimating = animationsConfig.isReactNative\n    const hasEnterStyle = !!props.enterStyle\n    const needsMount = Boolean((isWeb ? isClient : true) && (hasEnterStyle || props.animation))\n    const states = useServerState<TamaguiComponentState>(\n      needsMount ? defaultComponentState! : defaultComponentStateMounted!\n    )\n\n    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0]\n    const setState = states[1]\n    const setStateShallow = useShallowSetState(setState, debugProp, componentName)\n\n    // conditional but if ever true stays true\n    // [animated, inversed]\n    const stateRef = useRef(\n      undefined as any as {\n        hasAnimated?: boolean\n        hasThemeInversed?: boolean\n        hasProvidedThemeManager?: boolean\n        themeShouldReset?: boolean\n      }\n    )\n    stateRef.current ??= {}\n\n    const isAnimated = (() => {\n      const next = !!(useAnimations && props.animation)\n      if (next && !stateRef.current.hasAnimated) {\n        stateRef.current.hasAnimated = true\n      }\n      return next || stateRef.current.hasAnimated\n    })()\n\n    const usePresence = tamaguiConfig.animations?.usePresence\n    const presence = !isRSC && isAnimated ? usePresence() : null\n\n    // set enter/exit variants onto our new props object\n    if (isAnimated && presence) {\n      const presenceState = presence[2]\n      if (presenceState) {\n        if (state.unmounted && presenceState.enterVariant) {\n          props[presenceState.enterVariant] = true\n        }\n        if (!presenceState.isPresent && presenceState.exitVariant) {\n          props[presenceState.exitVariant] = true\n        }\n      }\n    }\n\n    const isReactNative = Boolean(\n      staticConfig.isReactNative || (isAnimated && tamaguiConfig.animations.isReactNative)\n    )\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debugProp) {\n        const name = `${\n          componentName || Component?.displayName || Component?.name || '[Unnamed Component]'\n        }`\n        const type = isReactNative ? '(rnw)' : ''\n        const dataIs = propsIn['data-is'] || ''\n        const banner = `${name}${dataIs ? ` ${dataIs}` : ''} ${type}`\n        // eslint-disable-next-line no-console\n        console.group(`%c ${banner}`, 'background: yellow;')\n        if (!isServer) {\n          // eslint-disable-next-line no-console\n          console.log(`state`, state)\n        }\n      }\n    }\n\n    const shouldAvoidClasses =\n      !isWeb || !!(props.animation && avoidClassesWhileAnimating) || !staticConfig.acceptsClassName\n    const shouldForcePseudo = !!propsIn.forceStyle\n    const noClassNames = shouldAvoidClasses || shouldForcePseudo\n\n    const theme = useTheme({\n      name: props.theme,\n      componentName,\n      reset: props.reset,\n      inverse: props.themeInverse,\n      // @ts-expect-error internal use only\n      disable: props['data-themeable'],\n      debug: props.debug,\n    })\n    const themeManager = getThemeManager(theme)\n    const themeIsNew = getThemeIsNewTheme(theme)\n\n    const shouldSetMounted = needsMount && state.unmounted\n    const setMounted = shouldSetMounted\n      ? () => {\n          // for some reason without some small delay it doesn't animate css\n          setTimeout(\n            () => {\n              setStateShallow({\n                unmounted: false,\n              })\n            },\n            isWeb ? 10 : 0\n          )\n        }\n      : undefined\n\n    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n    const languageContext = isRSC ? null : useContext(FontLanguageContext)\n    const isDisabled = props.disabled ?? props.accessibilityState?.disabled\n\n    const isTaggable = !Component || typeof Component === 'string'\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb\n      ? isTaggable\n        ? props.tag || defaultTag || Component\n        : Component\n      : Component\n\n    const BaseTextComponent = BaseText || element || 'span'\n    const BaseViewComponent = BaseView || element || (hasTextAncestor ? 'span' : 'div')\n    let elementType = isText\n      ? (isAnimated ? AnimatedText : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView : null) || BaseViewComponent\n\n    elementType = Component || elementType\n    const isStringElement = typeof elementType === 'string'\n\n    const isExiting = presence?.[0] === false\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      {\n        ...state,\n        noClassNames,\n        dynamicStylesInline: noClassNames,\n        hasTextAncestor,\n        resolveVariablesAs: 'value',\n        isExiting,\n      },\n      null,\n      languageContext || undefined,\n      elementType,\n      debugProp\n    )\n\n    const hostRef = useServerRef<TamaguiElement>(null)\n\n    // animation setup\n    const isAnimatedReactNativeWeb = isAnimated && avoidClassesWhileAnimating\n\n    if (process.env.NODE_ENV === 'development') {\n      if (!process.env.TAMAGUI_TARGET) {\n        // eslint-disable-next-line no-console\n        console.error(`No process.env.TAMAGUI_TARGET set, please set it to \"native\" or \"web\".`)\n      }\n\n      if (debugProp) {\n        // eslint-disable-next-line no-console\n        console.groupCollapsed('props')\n        // eslint-disable-next-line no-console\n        console.log('props in', propsIn, 'mapped to', props, 'in order', Object.keys(props))\n        // eslint-disable-next-line no-console\n        console.log('splitStyles', splitStyles)\n        // eslint-disable-next-line no-console\n        console.log('className', Object.values(splitStyles.classNames))\n        if (isClient) {\n          // eslint-disable-next-line no-console\n          console.log('ref', hostRef, '(click to view)')\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (debugProp === 'break') {\n          // eslint-disable-next-line no-debugger\n          debugger\n        }\n      }\n    }\n\n    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      medias,\n      style: splitStylesStyle,\n      classNames,\n      mediaKeys,\n    } = splitStyles\n\n    const propsWithAnimation = props as UseAnimationProps\n\n    // once you set animation prop don't remove it, you can set to undefined/false\n    // reason is animations are heavy - no way around it, and must be run inline here (\uD83D\uDE45 loading as a sub-component)\n    let animationStyles: any\n    if (!isRSC && isAnimated && useAnimations) {\n      const animations = useAnimations({\n        props: propsWithAnimation,\n        style: splitStylesStyle,\n        presence,\n        state,\n        pseudos,\n        onDidAnimate: props.onDidAnimate,\n        hostRef,\n        staticConfig,\n      })\n      if (animations) {\n        animationStyles = animations.style\n      }\n    }\n\n    // media queries\n    useIsomorphicLayoutEffect(() => {\n      const disposers = mediaKeys.map((key) => {\n        return addMediaQueryListener(key, (next: boolean) => {\n          setState((prev) => {\n            if (prev.mediaState![key] !== next) {\n              return {\n                ...prev,\n                mediaState: getMediaStateObject({\n                  ...prev.mediaState,\n                  [key]: next,\n                }),\n              }\n            }\n            return prev\n          })\n        })\n      })\n      return () => {\n        disposers.forEach((d) => d())\n      }\n    }, [mediaKeys.join(',')])\n\n    const {\n      hitSlop,\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      themeShallow,\n      space: spaceProp,\n      spaceDirection: _spaceDirection,\n      disabled: disabledProp,\n      onMouseUp,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      separator,\n      // ignore from here on out\n      forceStyle: _forceStyle,\n      // @ts-ignore  for next/link compat etc\n      onClick,\n      theme: _themeProp,\n      // @ts-ignore\n      defaultVariants,\n\n      ...nonTamaguiProps\n    } = viewPropsIn\n\n    const disabled =\n      (props.accessibilityState != null && props.accessibilityState.disabled === true) ||\n      props.accessibilityDisabled\n\n    // these can ultimately be for DOM, react-native-web views, or animated views\n    // so the type is pretty loose\n    let viewProps: Record<string, any>\n\n    // if react-native-web view just pass all props down\n    if (process.env.TAMAGUI_TARGET === 'web' && !isReactNative) {\n      // otherwise replicate react-native-web functionality\n      const {\n        // event props\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n\n        // android\n        collapsable,\n        focusable,\n\n        // deprecated,\n        accessible,\n        accessibilityDisabled,\n\n        onLayout,\n\n        ...webProps\n      } = nonTamaguiProps\n\n      viewProps = webProps\n\n      if (!isRSC) {\n        usePlatformMethods(hostRef as RefObject<Element>)\n\n        useElementLayout(hostRef as RefObject<Element>, onLayout as any)\n\n        useResponderEvents(hostRef, {\n          onMoveShouldSetResponder,\n          onMoveShouldSetResponderCapture,\n          onResponderEnd,\n          onResponderGrant,\n          onResponderMove,\n          onResponderReject,\n          onResponderRelease,\n          onResponderStart,\n          onResponderTerminate,\n          onResponderTerminationRequest,\n          onScrollShouldSetResponder,\n          onScrollShouldSetResponderCapture,\n          onSelectionChangeShouldSetResponder,\n          onSelectionChangeShouldSetResponderCapture,\n          onStartShouldSetResponder,\n          onStartShouldSetResponderCapture,\n        } as any)\n      }\n\n      if (props.href != undefined && hrefAttrs != undefined) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          viewProps.download = download\n        }\n        if (rel != null) {\n          viewProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          viewProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n\n      // FOCUS\n      // \"focusable\" indicates that an element may be a keyboard tab-stop.\n      const _focusable = focusable != undefined ? focusable : accessible\n      const role = viewProps.role\n      if (_focusable === false) {\n        viewProps.tabIndex = '-1'\n      }\n      if (\n        // These native elements are focusable by default\n        elementType === 'a' ||\n        elementType === 'button' ||\n        elementType === 'input' ||\n        elementType === 'select' ||\n        elementType === 'textarea'\n      ) {\n        if (_focusable === false || accessibilityDisabled === true) {\n          viewProps.tabIndex = '-1'\n        }\n      } else if (\n        // These roles are made focusable by default\n        role === 'button' ||\n        role === 'checkbox' ||\n        role === 'link' ||\n        role === 'radio' ||\n        role === 'textbox' ||\n        role === 'switch'\n      ) {\n        if (_focusable !== false) {\n          viewProps.tabIndex = '0'\n        }\n      }\n      // Everything else must explicitly set the prop\n      if (_focusable === true) {\n        viewProps.tabIndex = '0'\n      }\n    } else {\n      viewProps = nonTamaguiProps\n    }\n\n    viewProps.ref = useComposedRefs(hostRef as any, forwardedRef, setMounted)\n\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          // eslint-disable-next-line no-console\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    const unPress = useCallback(() => {\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [setStateShallow])\n\n    if (!isRSC) {\n      useEffect(() => {\n        return () => {\n          mouseUps.delete(unPress)\n        }\n      }, [unPress])\n    }\n\n    let styles: Record<string, any>[]\n\n    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {\n      styles = {\n        ...defaultNativeStyle,\n        ...(animationStyles ?? splitStylesStyle),\n        ...medias,\n      }\n    } else {\n      styles = [isWeb ? null : defaultNativeStyle, animationStyles ?? splitStylesStyle, medias]\n\n      // ugly but for now...\n      if (shouldForcePseudo) {\n        const next = {}\n        styles.forEach((style) => Object.assign(next, style))\n        // @ts-ignore\n        Object.assign(splitStyles.style, next)\n      }\n    }\n\n    let fontFamily = isText ? splitStyles.fontFamily || staticConfig.defaultProps.fontFamily : null\n    if (fontFamily && fontFamily[0] === '$') {\n      fontFamily = fontFamily.slice(1)\n    }\n    const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : ''\n\n    const classList = [\n      componentName ? componentClassName : '',\n      fontFamilyClassName,\n      themeIsNew ? theme.className : '',\n      classNames ? Object.values(classNames).join(' ') : '',\n    ]\n    const className = classList.join(' ')\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      const style = animationStyles ?? splitStyles.style\n\n      if (isAnimatedReactNativeWeb) {\n        viewProps.style = style\n      } else if (isReactNative) {\n        const rnwStyle = { $$css: true }\n        for (const name of className.split(' ')) {\n          rnwStyle[name] = name\n        }\n        viewProps.style = [rnwStyle, ...(Array.isArray(style) ? style : [style])]\n        if (process.env.NODE_ENV === 'development') {\n          // turn debug data- props into dataSet in dev mode\n          Object.keys(viewProps).forEach((key) => {\n            if (key.startsWith('data-')) {\n              viewProps.dataSet ??= {}\n              viewProps.dataSet[key.replace('data-', '')] = viewProps[key]\n              delete viewProps[key]\n            }\n          })\n        }\n      } else {\n        viewProps.className = className\n        viewProps.style = style\n      }\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // swap out the right family based on weight/style\n      if (splitStyles.fontFamily) {\n        const faceInfo = tamaguiConfig.fontsParsed[splitStyles.fontFamily]?.face\n        if (faceInfo) {\n          const [weight, style] = (() => {\n            let weight: string | undefined\n            let style: string | undefined\n            for (let i = styles.length; i >= 0; i--) {\n              weight ??= styles[i]?.fontWeight\n              style ??= styles[i]?.fontStyle\n            }\n            return [weight || '400', style || 'normal'] as const\n          })()\n          const overrideFace = faceInfo[weight]?.[style]?.val\n          if (overrideFace) {\n            for (const style of styles) {\n              if (style?.fontFamily) {\n                style.fontFamily = overrideFace\n                delete style.fontWeight\n                delete style.fontStyle\n              }\n            }\n          }\n        }\n      }\n\n      // assign styles\n      viewProps.style = styles\n    }\n\n    const runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle\n    const attachPress = !!(runtimePressStyle || onPress || onPressOut || onPressIn || onClick)\n    const runtimeHoverStyle = !disabled && noClassNames && pseudos?.hoverStyle\n    const isHoverable =\n      isWeb && !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    const handlesPressEvents = !isWeb && !asChild\n\n    // check presence rather than value to prevent reparenting bugs\n    // allows for onPress={x ? function : undefined} without re-ordering dom\n    const shouldAttach = asChild\n      ? false\n      : Boolean(\n          attachPress ||\n            isHoverable ||\n            'pressStyle' in props ||\n            'onPress' in props ||\n            'onPressIn' in props ||\n            'onPressOut' in props ||\n            (isWeb &&\n              ('hoverStyle' in props ||\n                'onHoverIn' in props ||\n                'onHoverOut' in props ||\n                'onMouseEnter' in props ||\n                'onMouseLeave' in props))\n        )\n\n    const events =\n      shouldAttach && !isRSC && !isDisabled\n        ? {\n            onPressOut: attachPress\n              ? (e) => {\n                  unPress()\n                  onPressOut?.(e)\n                  onMouseUp?.(e)\n                }\n              : undefined,\n            ...(isHoverable && {\n              onMouseEnter: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    if (isHoverable) {\n                      next.hover = true\n                    }\n                    if (state.pressIn) {\n                      next.press = true\n                    }\n                    if (isHoverable || state.pressIn) {\n                      setStateShallow(next)\n                    }\n                    onHoverIn?.(e)\n                    onMouseEnter?.(e)\n                  }\n                : undefined,\n              onMouseLeave: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    mouseUps.add(unPress)\n                    if (isHoverable) {\n                      next.hover = false\n                    }\n                    if (state.pressIn) {\n                      next.press = false\n                      next.pressIn = false\n                    }\n                    if (Object.keys(next).length) {\n                      setStateShallow(next)\n                    }\n                    onHoverOut?.(e)\n                    onMouseLeave?.(e)\n                  }\n                : undefined,\n            }),\n            onPressIn: attachPress\n              ? (e) => {\n                  setStateShallow({\n                    press: true,\n                    pressIn: true,\n                    hover: false,\n                  })\n                  onPressIn?.(e)\n                  onMouseDown?.(e)\n                  if (isWeb) {\n                    mouseUps.add(unPress)\n                  }\n                }\n              : undefined,\n            onPress: attachPress\n              ? (e) => {\n                  unPress()\n                  // @ts-ignore\n                  onClick?.(e)\n                  onPress?.(e)\n                }\n              : undefined,\n\n            // replicating TouchableWithoutFeedback\n            ...(!isWeb && {\n              cancelable: !props.rejectResponderTermination,\n              disabled: isDisabled,\n              hitSlop: props.hitSlop,\n              delayLongPress: props.delayLongPress,\n              delayPressIn: props.delayPressIn,\n              delayPressOut: props.delayPressOut,\n              focusable: viewProps.focusable ?? true,\n              minPressDuration: 0,\n            }),\n          }\n        : null\n\n    let space = spaceProp\n\n    // find space by media query\n    if (state.mediaState && mediaKeys.length) {\n      for (const key in state.mediaState) {\n        if (key in state.mediaState && key in props && props[key].space !== undefined) {\n          space = props[key].space\n        }\n      }\n    }\n\n    const themeShouldReset = Boolean(themeShallow && themeManager && themeIsNew)\n    const shouldProvideThemeManager = themeShouldReset || (themeManager && themeIsNew)\n\n    // memoize to avoid re-parenting\n    if (shouldProvideThemeManager) {\n      stateRef.current.hasProvidedThemeManager = true\n    }\n    if (themeShouldReset) {\n      stateRef.current.themeShouldReset = true\n    }\n\n    const childEls =\n      !children || asChild\n        ? children\n        : wrapThemeManagerContext(\n            spacedChildren({\n              separator,\n              children,\n              space,\n              direction: props.spaceDirection || 'both',\n              isZStack,\n            }),\n            // only set context if changed theme\n            stateRef.current.hasProvidedThemeManager ? themeManager : undefined,\n            stateRef.current.themeShouldReset\n          )\n\n    let content: any\n\n    if (asChild) {\n      elementType = Slot\n      viewProps = {\n        ...viewProps,\n        onPress,\n        onPressIn,\n        onPressOut,\n      }\n    }\n\n    // EVENTS native\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // add focus events\n      const attachFocus = !!pseudos.focusStyle\n      if (attachFocus) {\n        viewProps.onFocus = mergeEvent(viewProps.onFocus, () => {\n          setStateShallow({ focus: true })\n        })\n        viewProps.onBlur = mergeEvent(viewProps.onBlur, () => {\n          setStateShallow({ focus: false })\n        })\n      }\n\n      // use Pressability to get smooth unPress when you press + hold + move out\n      // only ever create once, use .configure() to update later\n      const pressability = usePressability(events ? { ...events, hitSlop } : {})\n      if (attachPress && events) {\n        for (const key in pressability) {\n          const og = props[key]\n          const val = pressability[key]\n          viewProps[key] =\n            og && !dontComposePressabilityKeys[key] ? composeEventHandlers(og, val) : val\n        }\n      }\n    }\n\n    content = createElement(elementType, viewProps, childEls)\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (events || isAnimatedReactNativeWeb) {\n        content = (\n          <span\n            className={(isAnimatedReactNativeWeb ? className : '') + `  _dsp_contents`}\n            {...(events && {\n              onMouseEnter: events.onMouseEnter,\n              onMouseLeave: events.onMouseLeave,\n              onClick: events.onPress,\n              onMouseDown: events.onPressIn,\n              onMouseUp: events.onPressOut,\n              onTouchStart: events.onPressIn,\n              onTouchEnd: events.onPressOut,\n            })}\n          >\n            {content}\n          </span>\n        )\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development' && process.env.DEBUG !== 'tamagui') {\n      if (debugProp) {\n        const element = typeof elementType === 'string' ? elementType : 'Component'\n        // eslint-disable-next-line no-console\n        console.groupCollapsed(`render <${element} /> with props`, viewProps)\n        for (const key in viewProps) {\n          // eslint-disable-next-line no-console\n          console.log(key, viewProps[key])\n        }\n        // eslint-disable-next-line no-console\n        console.log('children', content)\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (typeof window !== 'undefined') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log({ state, shouldProvideThemeManager, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, defaultNativeStyle, ...(typeof window !== 'undefined' ? { theme, themeClassName:  theme.className, staticConfig, tamaguiConfig, events, shouldAvoidClasses, shouldForcePseudo, classNames: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, getAllSelectors()[v]])) } : null) })\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n      }\n    }\n\n    return content\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  onConfiguredOnce((conf) => {\n    // one time only setup\n    if (!tamaguiConfig) {\n      tamaguiConfig = conf\n\n      if (!defaultComponentState) {\n        defaultComponentState = {\n          hover: false,\n          press: false,\n          pressIn: false,\n          focus: false,\n          unmounted: true,\n          mediaState: getMediaStateObject(getInitialMediaState()),\n        }\n        defaultComponentStateMounted = {\n          ...defaultComponentState,\n          unmounted: false,\n        }\n      }\n\n      if (tamaguiConfig.animations) {\n        AnimatedText = tamaguiConfig.animations.Text\n        AnimatedView = tamaguiConfig.animations.View\n      }\n\n      if (!initialTheme) {\n        const next = conf.themes[Object.keys(conf.themes)[0]]\n        initialTheme = proxyThemeVariables(next)\n        if (process.env.NODE_ENV === 'development') {\n          if (!initialTheme) {\n            // eslint-disable-next-line no-console\n            console.log(`Warning: Missing theme`)\n          }\n        }\n      }\n    }\n\n    // per-component setup\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    let defaultPropsIn = staticConfig.defaultProps || {}\n\n    // because we run createTamagui after styled() defs, have to do some work here\n    // gather defaults props one time and merge downwards\n    // find last unprocessed and process\n    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]\n\n    if (tamaguiConfig.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        tamaguiConfig.defaultProps,\n        parentNames,\n        tamaguiConfig\n      )\n    }\n\n    const debug = defaultPropsIn['debug']\n\n    // remove all classNames\n    const [ourProps, ourClassNames] = mergeProps(defaultPropsIn, {})\n\n    if (ourProps.tag) {\n      defaultTag = ourProps.tag\n    }\n\n    const noClassNames = !staticConfig.acceptsClassName\n    const { name, variants, defaultVariants, ...restProps } = ourProps\n\n    // must preserve prop order\n    // leave out className because we handle that already with initialSplitStyles.classNames\n    // otherwise it confuses variant functions getting className props\n    const [defaults, defaultsClassnames] = mergeProps(component.defaultProps as any, {\n      ...defaultVariants,\n      ...restProps,\n    })\n\n    defaultNativeStyle = {}\n\n    const validStyles = staticConfig.validStyles || stylePropsView\n\n    // split - keep variables on props to be processed using theme values at runtime (native)\n    if (!isWeb) {\n      for (const key in staticConfig.defaultProps) {\n        const val = staticConfig.defaultProps[key]\n        if (validPseudoKeys[key]) continue\n        if ((typeof val === 'string' && val[0] === '$') || !validStyles[key]) {\n          defaults[key] = val\n        } else {\n          defaultNativeStyle[key] = val\n        }\n      }\n    }\n\n    // set to global\n    tamaguiDefaultProps = defaults\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        // prettier-ignore\n        // eslint-disable-next-line no-console\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, { staticConfig, tamaguiDefaultProps, defaultNativeStyle, defaults, defaultPropsIn, defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps), defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [k, defaultPropsIn[k]]), ourProps, ourClassNames, defaultsClassnames, defaultTag, noClassNames, })\n      }\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res.staticConfig = {\n    validStyles: staticConfig.validStyles || stylePropsView,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res.extractable = (Component: any, conf?: Partial<StaticConfig>) => {\n    Component.staticConfig = extendStaticConfig(\n      {\n        Component,\n        ...conf,\n        neverFlatten: true,\n        defaultProps: {\n          ...Component.defaultProps,\n          ...conf?.defaultProps,\n        },\n      },\n      res\n    )\n    return Component\n  }\n\n  return res\n}\n\n// for elements to avoid spacing\nexport const Unspaced = (props: { children?: any }) => {\n  return props.children\n}\nUnspaced['isUnspaced'] = true\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<SpacerProps>({\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n\n  defaultProps: {\n    ...stackDefaultStyles,\n    // avoid nesting issues\n    tag: 'span',\n    size: true,\n  },\n\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        const sizePx = tokens.space[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flexGrow: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n      both: {},\n    },\n  } as const,\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: React.ReactNode\n  space?: SpaceTokens | number | null\n  spaceFlex?: boolean | number\n  direction?: SpaceDirection\n  separator?: React.ReactNode\n}\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  direction,\n  spaceFlex,\n  separator,\n}: SpacedChildrenProps) {\n  const hasSpace = !!(space || spaceFlex)\n  const hasSeparator = !(separator === undefined || separator === null)\n  if (!hasSpace && !hasSeparator && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  if (childrenList.length <= 1 && !isZStack) {\n    return childrenList\n  }\n  const final: React.ReactNode[] = []\n  for (const [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null || child === undefined || (Array.isArray(child) && child.length === 0)\n    // push them all, but wrap some in Fragment\n    if (isEmpty || !child || (child['key'] && !isZStack)) {\n      final.push(child)\n    } else {\n      final.push(\n        <Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n      )\n    }\n\n    // first child unspaced avoid insert space\n    if (isUnspaced(child) && index === 0) continue\n    // no spacing on ZStack\n    if (isZStack) continue\n\n    const next = childrenList[index + 1]\n\n    if (next && !isUnspaced(next)) {\n      if (separator) {\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_00tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n        final.push(\n          React.isValidElement(separator)\n            ? React.cloneElement(separator, { key: `sep_${index}` })\n            : separator\n        )\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}01tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}02tmgui`,\n            direction,\n            space,\n            spaceFlex,\n          })\n        )\n      }\n    }\n  }\n\n  return final\n}\n\ntype CreateSpacerProps = SpacedChildrenProps & { key: string }\n\nfunction createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {\n  return (\n    // @ts-ignore this one blew up but the types seem better\n    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(typeof spaceFlex !== 'undefined' && {\n        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: React.ReactNode) {\n  // console.log('unspaced?', child, getMedia())\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nconst DefaultProps = new Map()\n\nfunction mergeConfigDefaultProps(\n  name: string,\n  props: Record<string, any>,\n  configDefaults: Record<string, Object>,\n  parentNames: (string | undefined)[],\n  conf: TamaguiInternalConfig\n) {\n  const len = parentNames.length\n  let prev\n\n  for (let i = 0; i < len; i++) {\n    const n = parentNames[i]\n    if (!n) continue\n    if (DefaultProps.has(n)) {\n      prev = DefaultProps.get(n)\n      continue\n    }\n    const props = configDefaults[n]\n    if (!props) {\n      if (prev) {\n        DefaultProps.set(n, prev)\n      }\n      continue\n    }\n    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]\n    DefaultProps.set(n, prev)\n  }\n\n  // overwrite the user defined defaults on top of internal defined defaults\n  const ourDefaultsMerged = DefaultProps.get(name)\n  if (ourDefaultsMerged) {\n    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]\n  }\n  return props\n}\n\n// react native compat (web only)\nfunction usePlatformMethods(hostRef: RefObject<Element>) {\n  useIsomorphicLayoutEffect(() => {\n    const node = hostRef.current\n    if (!node) return\n    // @ts-ignore\n    node.measure = (callback) => measureLayout(node, null, callback)\n    // @ts-ignore\n    node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success)\n    // @ts-ignore\n    node.measureInWindow = (callback) => {\n      if (!node) return\n      setTimeout(() => {\n        const { height, left, top, width } = getRect(node as HTMLElement)!\n        callback(left, top, width, height)\n      }, 0)\n    }\n  }, [hostRef])\n}\n\nconst AbsoluteFill: any = createComponent({\n  componentName: 'AbsoluteFill',\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    pointerEvents: 'box-none',\n  },\n})\n\nconst dontComposePressabilityKeys = {\n  onClick: true,\n}\n\nfunction getMediaStateObject(obj: Object) {\n  return Object.fromEntries(Object.entries(obj).flatMap(([k, v]) => (v ? [[`$${k}`, v]] : [])))\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { isClient, isRSC, isServer, isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport {\n  composeEventHandlers,\n  stylePropsView,\n  validPseudoKeys,\n  validStyles,\n} from '@tamagui/helpers'\nimport { useResponderEvents } from '@tamagui/react-native-use-responder-events'\nimport React, {\n  Children,\n  Fragment,\n  RefObject,\n  createElement,\n  forwardRef,\n  memo,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react'\n\nimport { onConfiguredOnce } from './config'\nimport { stackDefaultStyles } from './constants/constants'\nimport { FontLanguageContext } from './contexts/FontLanguageContext'\nimport { TextAncestorContext } from './contexts/TextAncestorContext'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { getRect } from './helpers/getRect'\nimport { useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { useShallowSetState } from './helpers/useShallowSetState'\nimport { measureLayout, useElementLayout } from './hooks/useElementLayout'\nimport { addMediaQueryListener, getInitialMediaState } from './hooks/useMedia'\nimport { useServerRef, useServerState } from './hooks/useServerHooks'\nimport { getThemeIsNewTheme, getThemeManager, useTheme } from './hooks/useTheme'\nimport {\n  DebugProp,\n  SpaceDirection,\n  SpaceTokens,\n  SpacerProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n  UseAnimationProps,\n} from './types'\nimport { usePressability } from './vendor/Pressability'\nimport { Slot, mergeEvent } from './views/Slot'\nimport { wrapThemeManagerContext } from './views/Theme'\n\n// let t\n// import { timer } from '@tamagui/timer'\n// if (true || process.env.ANALYZE) {\n//   t = require().timer()\n//   setTimeout(() => {\n//     const out = t.print()\n//     if (isClient) {\n//       alert(out)\n//     }\n//   }, 2000)\n// }\n\n// this appears to fix expo / babel not picking this up sometimes? really odd\nprocess.env.TAMAGUI_TARGET\n\n/**\n * All things that need one-time setup after createTamagui is called\n */\nlet defaultComponentState: TamaguiComponentState | null = null\nlet defaultComponentStateMounted: TamaguiComponentState | null = null\nlet tamaguiConfig: TamaguiInternalConfig\nlet AnimatedText: any\nlet AnimatedView: any\nlet initialTheme: any\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  const cancelTouches = () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  }\n  addEventListener('mouseup', cancelTouches)\n  addEventListener('touchend', cancelTouches)\n  addEventListener('touchcancel', cancelTouches)\n}\n\n// mutates\nfunction mergeShorthands({ defaultProps }: StaticConfigParsed, { shorthands }: TamaguiConfig) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key of Object.keys(defaultProps)) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\n/**\n * Only on native do we need the actual underlying View/Text\n * On the web we avoid react-native altogether in core.\n */\nlet BaseText: any\nlet BaseView: any\nif (process.env.TAMAGUI_TARGET === 'native') {\n  const native = require('react-native')\n  BaseText = native.Text || native.default.Text\n  BaseView = native.View || native.default.View\n}\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = TamaguiElement,\n  BaseProps = never\n>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent) {\n  const staticConfig = (() => {\n    const next = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in next) {\n      return next\n    } else {\n      return parseStaticConfig(next)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let defaultNativeStyle: any\n  let tamaguiDefaultProps: any\n  let defaultTag: string | undefined\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\n    // const time = t.start({ quiet: true })\n\n    // React inserts default props after your props for some reason...\n    // order important so we do loops, you can't just spread because JS does weird things\n    let props: any\n    if (tamaguiDefaultProps && !propsIn.asChild) {\n      props = mergeProps(tamaguiDefaultProps, propsIn)[0]\n    } else {\n      props = propsIn\n    }\n\n    const debugProp = props['debug'] as DebugProp\n    const { Component, isText, isZStack } = staticConfig\n    const componentName = props.componentName || staticConfig.componentName\n    const componentClassName = props.asChild\n      ? ''\n      : props.componentName\n      ? `is_${props.componentName}`\n      : defaultComponentClassName\n\n    /**\n     * Component state for tracking animations, pseudos\n     */\n    const animationsConfig = tamaguiConfig.animations\n    const useAnimations = animationsConfig?.useAnimations as UseAnimationHook | undefined\n    const avoidClassesWhileAnimating = animationsConfig.isReactNative\n    const hasEnterStyle = !!props.enterStyle\n    const needsMount = Boolean((isWeb ? isClient : true) && (hasEnterStyle || props.animation))\n    const states = useServerState<TamaguiComponentState>(\n      needsMount ? defaultComponentState! : defaultComponentStateMounted!\n    )\n\n    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0]\n    const setState = states[1]\n    const setStateShallow = useShallowSetState(setState, debugProp, componentName)\n\n    // conditional but if ever true stays true\n    // [animated, inversed]\n    const stateRef = useRef(\n      undefined as any as {\n        hasAnimated?: boolean\n        hasThemeInversed?: boolean\n        hasProvidedThemeManager?: boolean\n        themeShouldReset?: boolean\n      }\n    )\n    stateRef.current ??= {}\n\n    const isAnimated = (() => {\n      const next = !!(useAnimations && props.animation)\n      if (next && !stateRef.current.hasAnimated) {\n        stateRef.current.hasAnimated = true\n      }\n      return next || stateRef.current.hasAnimated\n    })()\n\n    const usePresence = tamaguiConfig.animations?.usePresence\n    const presence = !isRSC && isAnimated ? usePresence() : null\n\n    // set enter/exit variants onto our new props object\n    if (isAnimated && presence) {\n      const presenceState = presence[2]\n      if (presenceState) {\n        if (state.unmounted && presenceState.enterVariant) {\n          props[presenceState.enterVariant] = true\n        }\n        if (!presenceState.isPresent && presenceState.exitVariant) {\n          props[presenceState.exitVariant] = true\n        }\n      }\n    }\n\n    const isReactNative = Boolean(\n      staticConfig.isReactNative || (isAnimated && tamaguiConfig.animations.isReactNative)\n    )\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debugProp) {\n        const name = `${\n          componentName || Component?.displayName || Component?.name || '[Unnamed Component]'\n        }`\n        const type = isReactNative ? '(rnw)' : ''\n        const dataIs = propsIn['data-is'] || ''\n        const banner = `${name}${dataIs ? ` ${dataIs}` : ''} ${type}`\n        // eslint-disable-next-line no-console\n        console.group(`%c ${banner}`, 'background: yellow;')\n        if (!isServer) {\n          // eslint-disable-next-line no-console\n          console.log(`state`, state)\n        }\n      }\n    }\n\n    const shouldAvoidClasses =\n      !isWeb || !!(props.animation && avoidClassesWhileAnimating) || !staticConfig.acceptsClassName\n    const shouldForcePseudo = !!propsIn.forceStyle\n    const noClassNames = shouldAvoidClasses || shouldForcePseudo\n\n    const theme = useTheme({\n      name: props.theme,\n      componentName,\n      reset: props.reset,\n      inverse: props.themeInverse,\n      // @ts-expect-error internal use only\n      disable: props['data-themeable'],\n      debug: props.debug,\n    })\n    const themeManager = getThemeManager(theme)\n    const themeIsNew = getThemeIsNewTheme(theme)\n\n    const shouldSetMounted = needsMount && state.unmounted\n    const setMounted = shouldSetMounted\n      ? () => {\n          startTransition(() => {\n            setStateShallow({\n              unmounted: false,\n            })\n          })\n        }\n      : undefined\n\n    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n    const languageContext = isRSC ? null : useContext(FontLanguageContext)\n    const isDisabled = props.disabled ?? props.accessibilityState?.disabled\n\n    const isTaggable = !Component || typeof Component === 'string'\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb\n      ? isTaggable\n        ? props.tag || defaultTag || Component\n        : Component\n      : Component\n\n    const BaseTextComponent = BaseText || element || 'span'\n    const BaseViewComponent = BaseView || element || (hasTextAncestor ? 'span' : 'div')\n    let elementType = isText\n      ? (isAnimated ? AnimatedText : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView : null) || BaseViewComponent\n\n    elementType = Component || elementType\n    const isStringElement = typeof elementType === 'string'\n\n    const isExiting = presence?.[0] === false\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      {\n        ...state,\n        noClassNames,\n        dynamicStylesInline: noClassNames,\n        hasTextAncestor,\n        resolveVariablesAs: 'value',\n        isExiting,\n      },\n      null,\n      languageContext || undefined,\n      elementType,\n      debugProp\n    )\n\n    const hostRef = useServerRef<TamaguiElement>(null)\n\n    // animation setup\n    const isAnimatedReactNativeWeb = isAnimated && avoidClassesWhileAnimating\n\n    if (process.env.NODE_ENV === 'development') {\n      if (!process.env.TAMAGUI_TARGET) {\n        // eslint-disable-next-line no-console\n        console.error(`No process.env.TAMAGUI_TARGET set, please set it to \"native\" or \"web\".`)\n      }\n\n      if (debugProp) {\n        // eslint-disable-next-line no-console\n        console.groupCollapsed('props')\n        // eslint-disable-next-line no-console\n        console.log('props in', propsIn, 'mapped to', props, 'in order', Object.keys(props))\n        // eslint-disable-next-line no-console\n        console.log('splitStyles', splitStyles)\n        // eslint-disable-next-line no-console\n        console.log('className', Object.values(splitStyles.classNames))\n        if (isClient) {\n          // eslint-disable-next-line no-console\n          console.log('ref', hostRef, '(click to view)')\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (debugProp === 'break') {\n          // eslint-disable-next-line no-debugger\n          debugger\n        }\n      }\n    }\n\n    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      medias,\n      style: splitStylesStyle,\n      classNames,\n      mediaKeys,\n    } = splitStyles\n\n    const propsWithAnimation = props as UseAnimationProps\n\n    // once you set animation prop don't remove it, you can set to undefined/false\n    // reason is animations are heavy - no way around it, and must be run inline here (\uD83D\uDE45 loading as a sub-component)\n    let animationStyles: any\n    if (!isRSC && isAnimated && useAnimations) {\n      const animations = useAnimations({\n        props: propsWithAnimation,\n        style: splitStylesStyle,\n        presence,\n        state,\n        pseudos,\n        onDidAnimate: props.onDidAnimate,\n        hostRef,\n        staticConfig,\n      })\n      if (animations) {\n        animationStyles = animations.style\n      }\n    }\n\n    // media queries\n    useIsomorphicLayoutEffect(() => {\n      const disposers = mediaKeys.map((key) => {\n        return addMediaQueryListener(key, (next: boolean) => {\n          setState((prev) => {\n            if (prev.mediaState![key] !== next) {\n              return {\n                ...prev,\n                mediaState: getMediaStateObject({\n                  ...prev.mediaState,\n                  [key]: next,\n                }),\n              }\n            }\n            return prev\n          })\n        })\n      })\n      return () => {\n        disposers.forEach((d) => d())\n      }\n    }, [mediaKeys.join(',')])\n\n    const {\n      hitSlop,\n      asChild,\n      children,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      themeShallow,\n      space: spaceProp,\n      spaceDirection: _spaceDirection,\n      disabled: disabledProp,\n      onMouseUp,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      separator,\n      // ignore from here on out\n      forceStyle: _forceStyle,\n      // @ts-ignore  for next/link compat etc\n      onClick,\n      theme: _themeProp,\n      // @ts-ignore\n      defaultVariants,\n\n      ...nonTamaguiProps\n    } = viewPropsIn\n\n    const disabled =\n      (props.accessibilityState != null && props.accessibilityState.disabled === true) ||\n      props.accessibilityDisabled\n\n    // these can ultimately be for DOM, react-native-web views, or animated views\n    // so the type is pretty loose\n    let viewProps: Record<string, any>\n\n    // if react-native-web view just pass all props down\n    if (process.env.TAMAGUI_TARGET === 'web' && !isReactNative) {\n      // otherwise replicate react-native-web functionality\n      const {\n        // event props\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n\n        // android\n        collapsable,\n        focusable,\n\n        // deprecated,\n        accessible,\n        accessibilityDisabled,\n\n        onLayout,\n\n        ...webProps\n      } = nonTamaguiProps\n\n      viewProps = webProps\n\n      if (!isRSC) {\n        usePlatformMethods(hostRef as RefObject<Element>)\n\n        useElementLayout(hostRef as RefObject<Element>, onLayout as any)\n\n        useResponderEvents(hostRef, {\n          onMoveShouldSetResponder,\n          onMoveShouldSetResponderCapture,\n          onResponderEnd,\n          onResponderGrant,\n          onResponderMove,\n          onResponderReject,\n          onResponderRelease,\n          onResponderStart,\n          onResponderTerminate,\n          onResponderTerminationRequest,\n          onScrollShouldSetResponder,\n          onScrollShouldSetResponderCapture,\n          onSelectionChangeShouldSetResponder,\n          onSelectionChangeShouldSetResponderCapture,\n          onStartShouldSetResponder,\n          onStartShouldSetResponderCapture,\n        } as any)\n      }\n\n      if (props.href != undefined && hrefAttrs != undefined) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          viewProps.download = download\n        }\n        if (rel != null) {\n          viewProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          viewProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n\n      // FOCUS\n      // \"focusable\" indicates that an element may be a keyboard tab-stop.\n      const _focusable = focusable != undefined ? focusable : accessible\n      const role = viewProps.role\n      if (_focusable === false) {\n        viewProps.tabIndex = '-1'\n      }\n      if (\n        // These native elements are focusable by default\n        elementType === 'a' ||\n        elementType === 'button' ||\n        elementType === 'input' ||\n        elementType === 'select' ||\n        elementType === 'textarea'\n      ) {\n        if (_focusable === false || accessibilityDisabled === true) {\n          viewProps.tabIndex = '-1'\n        }\n      } else if (\n        // These roles are made focusable by default\n        role === 'button' ||\n        role === 'checkbox' ||\n        role === 'link' ||\n        role === 'radio' ||\n        role === 'textbox' ||\n        role === 'switch'\n      ) {\n        if (_focusable !== false) {\n          viewProps.tabIndex = '0'\n        }\n      }\n      // Everything else must explicitly set the prop\n      if (_focusable === true) {\n        viewProps.tabIndex = '0'\n      }\n    } else {\n      viewProps = nonTamaguiProps\n    }\n\n    viewProps.ref = useComposedRefs(hostRef as any, forwardedRef, setMounted)\n\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          // eslint-disable-next-line no-console\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    const unPress = useCallback(() => {\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [setStateShallow])\n\n    if (!isRSC) {\n      useEffect(() => {\n        return () => {\n          mouseUps.delete(unPress)\n        }\n      }, [unPress])\n    }\n\n    let styles: Record<string, any>[]\n\n    if (isStringElement && shouldAvoidClasses && !shouldForcePseudo) {\n      styles = {\n        ...defaultNativeStyle,\n        ...(animationStyles ?? splitStylesStyle),\n        ...medias,\n      }\n    } else {\n      styles = [isWeb ? null : defaultNativeStyle, animationStyles ?? splitStylesStyle, medias]\n\n      // ugly but for now...\n      if (shouldForcePseudo) {\n        const next = {}\n        styles.forEach((style) => Object.assign(next, style))\n        // @ts-ignore\n        Object.assign(splitStyles.style, next)\n      }\n    }\n\n    let fontFamily = isText ? splitStyles.fontFamily || staticConfig.defaultProps.fontFamily : null\n    if (fontFamily && fontFamily[0] === '$') {\n      fontFamily = fontFamily.slice(1)\n    }\n    const fontFamilyClassName = fontFamily ? `font_${fontFamily}` : ''\n\n    const classList = [\n      componentName ? componentClassName : '',\n      fontFamilyClassName,\n      themeIsNew ? theme.className : '',\n      classNames ? Object.values(classNames).join(' ') : '',\n    ]\n    const className = classList.join(' ')\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      const style = animationStyles ?? splitStyles.style\n\n      if (isAnimatedReactNativeWeb) {\n        viewProps.style = style\n      } else if (isReactNative) {\n        const rnwStyle = { $$css: true }\n        for (const name of className.split(' ')) {\n          rnwStyle[name] = name\n        }\n        viewProps.style = [rnwStyle, ...(Array.isArray(style) ? style : [style])]\n        if (process.env.NODE_ENV === 'development') {\n          // turn debug data- props into dataSet in dev mode\n          Object.keys(viewProps).forEach((key) => {\n            if (key.startsWith('data-')) {\n              viewProps.dataSet ??= {}\n              viewProps.dataSet[key.replace('data-', '')] = viewProps[key]\n              delete viewProps[key]\n            }\n          })\n        }\n      } else {\n        viewProps.className = className\n        viewProps.style = style\n      }\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // swap out the right family based on weight/style\n      if (splitStyles.fontFamily) {\n        const faceInfo = tamaguiConfig.fontsParsed[splitStyles.fontFamily]?.face\n        if (faceInfo) {\n          const [weight, style] = (() => {\n            let weight: string | undefined\n            let style: string | undefined\n            for (let i = styles.length; i >= 0; i--) {\n              weight ??= styles[i]?.fontWeight\n              style ??= styles[i]?.fontStyle\n            }\n            return [weight || '400', style || 'normal'] as const\n          })()\n          const overrideFace = faceInfo[weight]?.[style]?.val\n          if (overrideFace) {\n            for (const style of styles) {\n              if (style?.fontFamily) {\n                style.fontFamily = overrideFace\n                delete style.fontWeight\n                delete style.fontStyle\n              }\n            }\n          }\n        }\n      }\n\n      // assign styles\n      viewProps.style = styles\n    }\n\n    const runtimePressStyle = !disabled && noClassNames && pseudos?.pressStyle\n    const attachPress = !!(runtimePressStyle || onPress || onPressOut || onPressIn || onClick)\n    const runtimeHoverStyle = !disabled && noClassNames && pseudos?.hoverStyle\n    const isHoverable =\n      isWeb && !!(runtimeHoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n\n    const handlesPressEvents = !isWeb && !asChild\n\n    // check presence rather than value to prevent reparenting bugs\n    // allows for onPress={x ? function : undefined} without re-ordering dom\n    const shouldAttach = asChild\n      ? false\n      : Boolean(\n          attachPress ||\n            isHoverable ||\n            'pressStyle' in props ||\n            'onPress' in props ||\n            'onPressIn' in props ||\n            'onPressOut' in props ||\n            (isWeb &&\n              ('hoverStyle' in props ||\n                'onHoverIn' in props ||\n                'onHoverOut' in props ||\n                'onMouseEnter' in props ||\n                'onMouseLeave' in props))\n        )\n\n    const events =\n      shouldAttach && !isRSC && !isDisabled\n        ? {\n            onPressOut: attachPress\n              ? (e) => {\n                  unPress()\n                  onPressOut?.(e)\n                  onMouseUp?.(e)\n                }\n              : undefined,\n            ...(isHoverable && {\n              onMouseEnter: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    if (isHoverable) {\n                      next.hover = true\n                    }\n                    if (state.pressIn) {\n                      next.press = true\n                    }\n                    if (isHoverable || state.pressIn) {\n                      setStateShallow(next)\n                    }\n                    onHoverIn?.(e)\n                    onMouseEnter?.(e)\n                  }\n                : undefined,\n              onMouseLeave: isHoverable\n                ? (e) => {\n                    const next: Partial<typeof state> = {}\n                    mouseUps.add(unPress)\n                    if (isHoverable) {\n                      next.hover = false\n                    }\n                    if (state.pressIn) {\n                      next.press = false\n                      next.pressIn = false\n                    }\n                    if (Object.keys(next).length) {\n                      setStateShallow(next)\n                    }\n                    onHoverOut?.(e)\n                    onMouseLeave?.(e)\n                  }\n                : undefined,\n            }),\n            onPressIn: attachPress\n              ? (e) => {\n                  setStateShallow({\n                    press: true,\n                    pressIn: true,\n                    hover: false,\n                  })\n                  onPressIn?.(e)\n                  onMouseDown?.(e)\n                  if (isWeb) {\n                    mouseUps.add(unPress)\n                  }\n                }\n              : undefined,\n            onPress: attachPress\n              ? (e) => {\n                  unPress()\n                  // @ts-ignore\n                  onClick?.(e)\n                  onPress?.(e)\n                }\n              : undefined,\n\n            // replicating TouchableWithoutFeedback\n            ...(!isWeb && {\n              cancelable: !props.rejectResponderTermination,\n              disabled: isDisabled,\n              hitSlop: props.hitSlop,\n              delayLongPress: props.delayLongPress,\n              delayPressIn: props.delayPressIn,\n              delayPressOut: props.delayPressOut,\n              focusable: viewProps.focusable ?? true,\n              minPressDuration: 0,\n            }),\n          }\n        : null\n\n    let space = spaceProp\n\n    // find space by media query\n    if (state.mediaState && mediaKeys.length) {\n      for (const key in state.mediaState) {\n        if (key in state.mediaState && key in props && props[key].space !== undefined) {\n          space = props[key].space\n        }\n      }\n    }\n\n    const themeShouldReset = Boolean(themeShallow && themeManager && themeIsNew)\n    const shouldProvideThemeManager = themeShouldReset || (themeManager && themeIsNew)\n\n    // memoize to avoid re-parenting\n    if (shouldProvideThemeManager) {\n      stateRef.current.hasProvidedThemeManager = true\n    }\n    if (themeShouldReset) {\n      stateRef.current.themeShouldReset = true\n    }\n\n    const childEls =\n      !children || asChild\n        ? children\n        : wrapThemeManagerContext(\n            spacedChildren({\n              separator,\n              children,\n              space,\n              direction: props.spaceDirection || 'both',\n              isZStack,\n            }),\n            // only set context if changed theme\n            stateRef.current.hasProvidedThemeManager ? themeManager : undefined,\n            stateRef.current.themeShouldReset\n          )\n\n    let content: any\n\n    if (asChild) {\n      elementType = Slot\n      viewProps = {\n        ...viewProps,\n        onPress,\n        onPressIn,\n        onPressOut,\n      }\n    }\n\n    // EVENTS native\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // add focus events\n      const attachFocus = !!pseudos.focusStyle\n      if (attachFocus) {\n        viewProps.onFocus = mergeEvent(viewProps.onFocus, () => {\n          setStateShallow({ focus: true })\n        })\n        viewProps.onBlur = mergeEvent(viewProps.onBlur, () => {\n          setStateShallow({ focus: false })\n        })\n      }\n\n      // use Pressability to get smooth unPress when you press + hold + move out\n      // only ever create once, use .configure() to update later\n      const pressability = usePressability(events ? { ...events, hitSlop } : {})\n      if (attachPress && events) {\n        for (const key in pressability) {\n          const og = props[key]\n          const val = pressability[key]\n          viewProps[key] =\n            og && !dontComposePressabilityKeys[key] ? composeEventHandlers(og, val) : val\n        }\n      }\n    }\n\n    content = createElement(elementType, viewProps, childEls)\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (events || isAnimatedReactNativeWeb) {\n        content = (\n          <span\n            className={(isAnimatedReactNativeWeb ? className : '') + `  _dsp_contents`}\n            {...(events && {\n              onMouseEnter: events.onMouseEnter,\n              onMouseLeave: events.onMouseLeave,\n              onClick: events.onPress,\n              onMouseDown: events.onPressIn,\n              onMouseUp: events.onPressOut,\n              onTouchStart: events.onPressIn,\n              onTouchEnd: events.onPressOut,\n            })}\n          >\n            {content}\n          </span>\n        )\n      }\n    }\n\n    if (process.env.NODE_ENV === 'development' && process.env.DEBUG !== 'tamagui') {\n      if (debugProp) {\n        const element = typeof elementType === 'string' ? elementType : 'Component'\n        // eslint-disable-next-line no-console\n        console.groupCollapsed(`render <${element} /> with props`, viewProps)\n        for (const key in viewProps) {\n          // eslint-disable-next-line no-console\n          console.log(key, viewProps[key])\n        }\n        // eslint-disable-next-line no-console\n        console.log('children', content)\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n        if (typeof window !== 'undefined') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log({ state, shouldProvideThemeManager, isAnimated, isAnimatedReactNativeWeb, tamaguiDefaultProps, viewProps, splitStyles, animationStyles, handlesPressEvents, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), events, shouldAttach, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses: avoidClassesWhileAnimating, animation: props.animation, style: splitStylesStyle, defaultNativeStyle, ...(typeof window !== 'undefined' ? { theme, themeClassName:  theme.className, staticConfig, tamaguiConfig, events, shouldAvoidClasses, shouldForcePseudo, classNames: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, getAllSelectors()[v]])) } : null) })\n        }\n        // eslint-disable-next-line no-console\n        console.groupEnd()\n      }\n    }\n\n    return content\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\n  }\n\n  onConfiguredOnce((conf) => {\n    // one time only setup\n    if (!tamaguiConfig) {\n      tamaguiConfig = conf\n\n      if (!defaultComponentState) {\n        defaultComponentState = {\n          hover: false,\n          press: false,\n          pressIn: false,\n          focus: false,\n          unmounted: true,\n          mediaState: getMediaStateObject(getInitialMediaState()),\n        }\n        defaultComponentStateMounted = {\n          ...defaultComponentState,\n          unmounted: false,\n        }\n      }\n\n      if (tamaguiConfig.animations) {\n        AnimatedText = tamaguiConfig.animations.Text\n        AnimatedView = tamaguiConfig.animations.View\n      }\n\n      if (!initialTheme) {\n        const next = conf.themes[Object.keys(conf.themes)[0]]\n        initialTheme = proxyThemeVariables(next)\n        if (process.env.NODE_ENV === 'development') {\n          if (!initialTheme) {\n            // eslint-disable-next-line no-console\n            console.log(`Warning: Missing theme`)\n          }\n        }\n      }\n    }\n\n    // per-component setup\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    let defaultPropsIn = staticConfig.defaultProps || {}\n\n    // because we run createTamagui after styled() defs, have to do some work here\n    // gather defaults props one time and merge downwards\n    // find last unprocessed and process\n    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]\n\n    if (tamaguiConfig.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        tamaguiConfig.defaultProps,\n        parentNames,\n        tamaguiConfig\n      )\n    }\n\n    const debug = defaultPropsIn['debug']\n\n    // remove all classNames\n    const [ourProps, ourClassNames] = mergeProps(defaultPropsIn, {})\n\n    if (ourProps.tag) {\n      defaultTag = ourProps.tag\n    }\n\n    const noClassNames = !staticConfig.acceptsClassName\n    const { name, variants, defaultVariants, ...restProps } = ourProps\n\n    // must preserve prop order\n    // leave out className because we handle that already with initialSplitStyles.classNames\n    // otherwise it confuses variant functions getting className props\n    const [defaults, defaultsClassnames] = mergeProps(component.defaultProps as any, {\n      ...defaultVariants,\n      ...restProps,\n    })\n\n    defaultNativeStyle = {}\n\n    const validStyles = staticConfig.validStyles || stylePropsView\n\n    // split - keep variables on props to be processed using theme values at runtime (native)\n    if (!isWeb) {\n      for (const key in staticConfig.defaultProps) {\n        const val = staticConfig.defaultProps[key]\n        if (validPseudoKeys[key]) continue\n        if ((typeof val === 'string' && val[0] === '$') || !validStyles[key]) {\n          defaults[key] = val\n        } else {\n          defaultNativeStyle[key] = val\n        }\n      }\n    }\n\n    // set to global\n    tamaguiDefaultProps = defaults\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        // prettier-ignore\n        // eslint-disable-next-line no-console\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, { staticConfig, tamaguiDefaultProps, defaultNativeStyle, defaults, defaultPropsIn, defaultPropsKeyOrder: Object.keys(staticConfig.defaultProps), defaultPropsInKeyOrder: Object.keys(defaultPropsIn).map((k) => [k, defaultPropsIn[k]]), ourProps, ourClassNames, defaultsClassnames, defaultTag, noClassNames, })\n      }\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res.staticConfig = {\n    validStyles: staticConfig.validStyles || stylePropsView,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res.extractable = (Component: any, conf?: Partial<StaticConfig>) => {\n    Component.staticConfig = extendStaticConfig(\n      {\n        Component,\n        ...conf,\n        neverFlatten: true,\n        defaultProps: {\n          ...Component.defaultProps,\n          ...conf?.defaultProps,\n        },\n      },\n      res\n    )\n    return Component\n  }\n\n  return res\n}\n\n// for elements to avoid spacing\nexport const Unspaced = (props: { children?: any }) => {\n  return props.children\n}\nUnspaced['isUnspaced'] = true\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<SpacerProps>({\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\n\n  defaultProps: {\n    ...stackDefaultStyles,\n    // avoid nesting issues\n    tag: 'span',\n    size: true,\n  },\n\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        const sizePx = tokens.space[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flexGrow: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n      both: {},\n    },\n  } as const,\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: React.ReactNode\n  space?: SpaceTokens | number | null\n  spaceFlex?: boolean | number\n  direction?: SpaceDirection\n  separator?: React.ReactNode\n}\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  direction,\n  spaceFlex,\n  separator,\n}: SpacedChildrenProps) {\n  const hasSpace = !!(space || spaceFlex)\n  const hasSeparator = !(separator === undefined || separator === null)\n  if (!hasSpace && !hasSeparator && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  if (childrenList.length <= 1 && !isZStack) {\n    return childrenList\n  }\n  const final: React.ReactNode[] = []\n  for (const [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null || child === undefined || (Array.isArray(child) && child.length === 0)\n    // push them all, but wrap some in Fragment\n    if (isEmpty || !child || (child['key'] && !isZStack)) {\n      final.push(child)\n    } else {\n      final.push(\n        <Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n      )\n    }\n\n    // first child unspaced avoid insert space\n    if (isUnspaced(child) && index === 0) continue\n    // no spacing on ZStack\n    if (isZStack) continue\n\n    const next = childrenList[index + 1]\n\n    if (next && !isUnspaced(next)) {\n      if (separator) {\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_00tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n        final.push(\n          React.isValidElement(separator)\n            ? React.cloneElement(separator, { key: `sep_${index}` })\n            : separator\n        )\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}01tmgui`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}02tmgui`,\n            direction,\n            space,\n            spaceFlex,\n          })\n        )\n      }\n    }\n  }\n\n  return final\n}\n\ntype CreateSpacerProps = SpacedChildrenProps & { key: string }\n\nfunction createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {\n  return (\n    // @ts-ignore this one blew up but the types seem better\n    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(typeof spaceFlex !== 'undefined' && {\n        flex: spaceFlex === true ? 1 : spaceFlex === false ? 0 : spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: React.ReactNode) {\n  // console.log('unspaced?', child, getMedia())\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nconst DefaultProps = new Map()\n\nfunction mergeConfigDefaultProps(\n  name: string,\n  props: Record<string, any>,\n  configDefaults: Record<string, Object>,\n  parentNames: (string | undefined)[],\n  conf: TamaguiInternalConfig\n) {\n  const len = parentNames.length\n  let prev\n\n  for (let i = 0; i < len; i++) {\n    const n = parentNames[i]\n    if (!n) continue\n    if (DefaultProps.has(n)) {\n      prev = DefaultProps.get(n)\n      continue\n    }\n    const props = configDefaults[n]\n    if (!props) {\n      if (prev) {\n        DefaultProps.set(n, prev)\n      }\n      continue\n    }\n    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]\n    DefaultProps.set(n, prev)\n  }\n\n  // overwrite the user defined defaults on top of internal defined defaults\n  const ourDefaultsMerged = DefaultProps.get(name)\n  if (ourDefaultsMerged) {\n    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]\n  }\n  return props\n}\n\n// react native compat (web only)\nfunction usePlatformMethods(hostRef: RefObject<Element>) {\n  useIsomorphicLayoutEffect(() => {\n    const node = hostRef.current\n    if (!node) return\n    // @ts-ignore\n    node.measure = (callback) => measureLayout(node, null, callback)\n    // @ts-ignore\n    node.measureLayout = (relativeToNode, success) => measureLayout(node, relativeToNode, success)\n    // @ts-ignore\n    node.measureInWindow = (callback) => {\n      if (!node) return\n      setTimeout(() => {\n        const { height, left, top, width } = getRect(node as HTMLElement)!\n        callback(left, top, width, height)\n      }, 0)\n    }\n  }, [hostRef])\n}\n\nconst AbsoluteFill: any = createComponent({\n  componentName: 'AbsoluteFill',\n  defaultProps: {\n    ...stackDefaultStyles,\n    flexDirection: 'column',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    pointerEvents: 'box-none',\n  },\n})\n\nconst dontComposePressabilityKeys = {\n  onClick: true,\n}\n\nfunction getMediaStateObject(obj: Object) {\n  return Object.fromEntries(Object.entries(obj).flatMap(([k, v]) => (v ? [[`$${k}`, v]] : [])))\n}\n"],
+  "mappings": "AA20BU;AA30BV,SAAS,uBAAuB;AAChC,SAAS,UAAU,OAAO,UAAU,OAAO,iCAAiC;AAC5E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,0BAA0B;AACnC,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB,yBAAyB;AACtD,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,eAAe,wBAAwB;AAChD,SAAS,uBAAuB,4BAA4B;AAC5D,SAAS,cAAc,sBAAsB;AAC7C,SAAS,oBAAoB,iBAAiB,gBAAgB;AAiB9D,SAAS,uBAAuB;AAChC,SAAS,MAAM,kBAAkB;AACjC,SAAS,+BAA+B;AAexC,QAAQ,IAAI;AAKZ,IAAI,wBAAsD;AAC1D,IAAI,+BAA6D;AACjE,IAAI;AACJ,IAAI;AACJ,IAAI;AACJ,IAAI;AAEG,MAAM,WAAW,oBAAI,IAAc;AAC1C,IAAI,OAAO,aAAa,aAAa;AACnC,QAAM,gBAAgB,MAAM;AAC1B,aAAS,QAAQ,CAAC,MAAM,EAAE,CAAC;AAC3B,aAAS,MAAM;AAAA,EACjB;AACA,mBAAiB,WAAW,aAAa;AACzC,mBAAiB,YAAY,aAAa;AAC1C,mBAAiB,eAAe,aAAa;AAC/C;AAGA,SAAS,gBAAgB,EAAE,aAAa,GAAuB,EAAE,WAAW,GAAkB;AAE5F,aAAW,OAAO,OAAO,KAAK,YAAY,GAAG;AAC3C,iBAAa,WAAW,QAAQ,OAAO,aAAa;AAAA,EACtD;AACF;AAMA,IAAI;AACJ,IAAI;AACJ,IAAI,QAAQ,IAAI,mBAAmB,UAAU;AAC3C,QAAM,SAAS,QAAQ,cAAc;AACrC,aAAW,OAAO,QAAQ,OAAO,QAAQ;AACzC,aAAW,OAAO,QAAQ,OAAO,QAAQ;AAC3C;AAEO,SAAS,gBAId,UAAsD,iBAAqC;AAC3F,QAAM,gBAAgB,MAAM;AAC1B,UAAM,OAAO,mBAAmB,UAAU,eAAe;AACzD,QAAI,YAAY,MAAM;AACpB,aAAO;AAAA,IACT,OAAO;AACL,aAAO,kBAAkB,IAAI;AAAA,IAC/B;AAAA,EACF,GAAG;AAEH,QAAM,4BAA4B,MAAM,aAAa;AACrD,MAAI;AACJ,MAAI;AACJ,MAAI;AAGJ,QAAM,YAAY,WAAoC,CAAC,SAAc,iBAAiB;AAtIxF;AA2II,QAAI;AACJ,QAAI,uBAAuB,CAAC,QAAQ,SAAS;AAC3C,cAAQ,WAAW,qBAAqB,OAAO,EAAE;AAAA,IACnD,OAAO;AACL,cAAQ;AAAA,IACV;AAEA,UAAM,YAAY,MAAM;AACxB,UAAM,EAAE,WAAW,QAAQ,SAAS,IAAI;AACxC,UAAM,gBAAgB,MAAM,iBAAiB,aAAa;AAC1D,UAAM,qBAAqB,MAAM,UAC7B,KACA,MAAM,gBACN,MAAM,MAAM,kBACZ;AAKJ,UAAM,mBAAmB,cAAc;AACvC,UAAM,gBAAgB,qDAAkB;AACxC,UAAM,6BAA6B,iBAAiB;AACpD,UAAM,gBAAgB,CAAC,CAAC,MAAM;AAC9B,UAAM,aAAa,SAAS,QAAQ,WAAW,UAAU,iBAAiB,MAAM,UAAU;AAC1F,UAAM,SAAS;AAAA,MACb,aAAa,wBAAyB;AAAA,IACxC;AAEA,UAAM,QAAQ,QAAQ,aAAa,EAAE,GAAG,OAAO,IAAI,CAAC,QAAQ,aAAa,KAAK,IAAI,OAAO;AACzF,UAAM,WAAW,OAAO;AACxB,UAAM,kBAAkB,mBAAmB,UAAU,WAAW,aAAa;AAI7E,UAAM,WAAW;AAAA,MACf;AAAA,IAMF;AACA,aAAS,YAAY,CAAC;AAEtB,UAAM,cAAc,MAAM;AACxB,YAAM,OAAO,CAAC,EAAE,iBAAiB,MAAM;AACvC,UAAI,QAAQ,CAAC,SAAS,QAAQ,aAAa;AACzC,iBAAS,QAAQ,cAAc;AAAA,MACjC;AACA,aAAO,QAAQ,SAAS,QAAQ;AAAA,IAClC,GAAG;AAEH,UAAM,eAAc,mBAAc,eAAd,mBAA0B;AAC9C,UAAM,WAAW,CAAC,SAAS,aAAa,YAAY,IAAI;AAGxD,QAAI,cAAc,UAAU;AAC1B,YAAM,gBAAgB,SAAS;AAC/B,UAAI,eAAe;AACjB,YAAI,MAAM,aAAa,cAAc,cAAc;AACjD,gBAAM,cAAc,gBAAgB;AAAA,QACtC;AACA,YAAI,CAAC,cAAc,aAAa,cAAc,aAAa;AACzD,gBAAM,cAAc,eAAe;AAAA,QACrC;AAAA,MACF;AAAA,IACF;AAEA,UAAM,gBAAgB;AAAA,MACpB,aAAa,iBAAkB,cAAc,cAAc,WAAW;AAAA,IACxE;AAEA,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,WAAW;AACb,cAAM,OAAO,GACX,kBAAiB,uCAAW,iBAAe,uCAAW,SAAQ;AAEhE,cAAM,OAAO,gBAAgB,UAAU;AACvC,cAAM,SAAS,QAAQ,cAAc;AACrC,cAAM,SAAS,GAAG,OAAO,SAAS,IAAI,WAAW,MAAM;AAEvD,gBAAQ,MAAM,MAAM,UAAU,qBAAqB;AACnD,YAAI,CAAC,UAAU;AAEb,kBAAQ,IAAI,SAAS,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAEA,UAAM,qBACJ,CAAC,SAAS,CAAC,EAAE,MAAM,aAAa,+BAA+B,CAAC,aAAa;AAC/E,UAAM,oBAAoB,CAAC,CAAC,QAAQ;AACpC,UAAM,eAAe,sBAAsB;AAE3C,UAAM,QAAQ,SAAS;AAAA,MACrB,MAAM,MAAM;AAAA,MACZ;AAAA,MACA,OAAO,MAAM;AAAA,MACb,SAAS,MAAM;AAAA,MAEf,SAAS,MAAM;AAAA,MACf,OAAO,MAAM;AAAA,IACf,CAAC;AACD,UAAM,eAAe,gBAAgB,KAAK;AAC1C,UAAM,aAAa,mBAAmB,KAAK;AAE3C,UAAM,mBAAmB,cAAc,MAAM;AAC7C,UAAM,aAAa,mBACf,MAAM;AACJ,sBAAgB,MAAM;AACpB,wBAAgB;AAAA,UACd,WAAW;AAAA,QACb,CAAC;AAAA,MACH,CAAC;AAAA,IACH,IACA;AAEJ,UAAM,kBAAkB,CAAC,EAAE,SAAS,SAAS,WAAW,mBAAmB,IAAI;AAC/E,UAAM,kBAAkB,QAAQ,OAAO,WAAW,mBAAmB;AACrE,UAAM,aAAa,MAAM,cAAY,WAAM,uBAAN,mBAA0B;AAE/D,UAAM,aAAa,CAAC,aAAa,OAAO,cAAc;AAEtD,UAAM,UAAU,QACZ,aACE,MAAM,OAAO,cAAc,YAC3B,YACF;AAEJ,UAAM,oBAAoB,YAAY,WAAW;AACjD,UAAM,oBAAoB,YAAY,YAAY,kBAAkB,SAAS;AAC7E,QAAI,cAAc,UACb,aAAa,eAAe,SAAS,qBACrC,aAAa,eAAe,SAAS;AAE1C,kBAAc,aAAa;AAC3B,UAAM,kBAAkB,OAAO,gBAAgB;AAE/C,UAAM,aAAY,qCAAW,QAAO;AACpC,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,GAAG;AAAA,QACH;AAAA,QACA,qBAAqB;AAAA,QACrB;AAAA,QACA,oBAAoB;AAAA,QACpB;AAAA,MACF;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,IACF;AAEA,UAAM,UAAU,aAA6B,IAAI;AAGjD,UAAM,2BAA2B,cAAc;AAE/C,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,CAAC,QAAQ,IAAI,gBAAgB;AAE/B,gBAAQ,MAAM,wEAAwE;AAAA,MACxF;AAEA,UAAI,WAAW;AAEb,gBAAQ,eAAe,OAAO;AAE9B,gBAAQ,IAAI,YAAY,SAAS,aAAa,OAAO,YAAY,OAAO,KAAK,KAAK,CAAC;AAEnF,gBAAQ,IAAI,eAAe,WAAW;AAEtC,gBAAQ,IAAI,aAAa,OAAO,OAAO,YAAY,UAAU,CAAC;AAC9D,YAAI,UAAU;AAEZ,kBAAQ,IAAI,OAAO,SAAS,iBAAiB;AAAA,QAC/C;AAEA,gBAAQ,SAAS;AACjB,YAAI,cAAc,SAAS;AAEzB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,UAAM;AAAA,MACJ,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACF,IAAI;AAEJ,UAAM,qBAAqB;AAI3B,QAAI;AACJ,QAAI,CAAC,SAAS,cAAc,eAAe;AACzC,YAAM,aAAa,cAAc;AAAA,QAC/B,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,MAAM;AAAA,QACpB;AAAA,QACA;AAAA,MACF,CAAC;AACD,UAAI,YAAY;AACd,0BAAkB,WAAW;AAAA,MAC/B;AAAA,IACF;AAGA,8BAA0B,MAAM;AAC9B,YAAM,YAAY,UAAU,IAAI,CAAC,QAAQ;AACvC,eAAO,sBAAsB,KAAK,CAAC,SAAkB;AACnD,mBAAS,CAAC,SAAS;AACjB,gBAAI,KAAK,WAAY,SAAS,MAAM;AAClC,qBAAO;AAAA,gBACL,GAAG;AAAA,gBACH,YAAY,oBAAoB;AAAA,kBAC9B,GAAG,KAAK;AAAA,kBACR,CAAC,MAAM;AAAA,gBACT,CAAC;AAAA,cACH;AAAA,YACF;AACA,mBAAO;AAAA,UACT,CAAC;AAAA,QACH,CAAC;AAAA,MACH,CAAC;AACD,aAAO,MAAM;AACX,kBAAU,QAAQ,CAAC,MAAM,EAAE,CAAC;AAAA,MAC9B;AAAA,IACF,GAAG,CAAC,UAAU,KAAK,GAAG,CAAC,CAAC;AAExB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,YAAY;AAAA,MAEZ;AAAA,MACA,OAAO;AAAA,MAEP;AAAA,SAEG;AAAA,IACL,IAAI;AAEJ,UAAM,WACH,MAAM,sBAAsB,QAAQ,MAAM,mBAAmB,aAAa,QAC3E,MAAM;AAIR,QAAI;AAGJ,QAAI,QAAQ,IAAI,mBAAmB,SAAS,CAAC,eAAe;AAE1D,YAAM;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAGA;AAAA,QACA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,WAEG;AAAA,MACL,IAAI;AAEJ,kBAAY;AAEZ,UAAI,CAAC,OAAO;AACV,2BAAmB,OAA6B;AAEhD,yBAAiB,SAA+B,QAAe;AAE/D,2BAAmB,SAAS;AAAA,UAC1B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAQ;AAAA,MACV;AAEA,UAAI,MAAM,QAAQ,UAAa,aAAa,QAAW;AACrD,cAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,YAAI,YAAY,MAAM;AACpB,oBAAU,WAAW;AAAA,QACvB;AACA,YAAI,OAAO,MAAM;AACf,oBAAU,MAAM;AAAA,QAClB;AACA,YAAI,OAAO,WAAW,UAAU;AAC9B,oBAAU,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,MAAM,SAAS;AAAA,QAC/D;AAAA,MACF;AAIA,YAAM,aAAa,aAAa,SAAY,YAAY;AACxD,YAAM,OAAO,UAAU;AACvB,UAAI,eAAe,OAAO;AACxB,kBAAU,WAAW;AAAA,MACvB;AACA,UAEE,gBAAgB,OAChB,gBAAgB,YAChB,gBAAgB,WAChB,gBAAgB,YAChB,gBAAgB,YAChB;AACA,YAAI,eAAe,SAAS,0BAA0B,MAAM;AAC1D,oBAAU,WAAW;AAAA,QACvB;AAAA,MACF,WAEE,SAAS,YACT,SAAS,cACT,SAAS,UACT,SAAS,WACT,SAAS,aACT,SAAS,UACT;AACA,YAAI,eAAe,OAAO;AACxB,oBAAU,WAAW;AAAA,QACvB;AAAA,MACF;AAEA,UAAI,eAAe,MAAM;AACvB,kBAAU,WAAW;AAAA,MACvB;AAAA,IACF,OAAO;AACL,kBAAY;AAAA,IACd;AAEA,cAAU,MAAM,gBAAgB,SAAgB,cAAc,UAAU;AAExE,QAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,UAAU,OAAO;AAC9D,eAAS,QAAQ,MAAM,QAAQ,EAAE,QAAQ,CAAC,SAAS;AACjD,YAAI,OAAO,SAAS,UAAU;AAE5B,kBAAQ,MAAM,yBAAyB,kDAAkD;AAAA,QAC3F;AAAA,MACF,CAAC;AAAA,IACH;AAEA,UAAM,UAAU,YAAY,MAAM;AAChC,sBAAgB;AAAA,QACd,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAAA,IACH,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAI,CAAC,OAAO;AACV,gBAAU,MAAM;AACd,eAAO,MAAM;AACX,mBAAS,OAAO,OAAO;AAAA,QACzB;AAAA,MACF,GAAG,CAAC,OAAO,CAAC;AAAA,IACd;AAEA,QAAI;AAEJ,QAAI,mBAAmB,sBAAsB,CAAC,mBAAmB;AAC/D,eAAS;AAAA,QACP,GAAG;AAAA,QACH,GAAI,mBAAmB;AAAA,QACvB,GAAG;AAAA,MACL;AAAA,IACF,OAAO;AACL,eAAS,CAAC,QAAQ,OAAO,oBAAoB,mBAAmB,kBAAkB,MAAM;AAGxF,UAAI,mBAAmB;AACrB,cAAM,OAAO,CAAC;AACd,eAAO,QAAQ,CAAC,UAAU,OAAO,OAAO,MAAM,KAAK,CAAC;AAEpD,eAAO,OAAO,YAAY,OAAO,IAAI;AAAA,MACvC;AAAA,IACF;AAEA,QAAI,aAAa,SAAS,YAAY,cAAc,aAAa,aAAa,aAAa;AAC3F,QAAI,cAAc,WAAW,OAAO,KAAK;AACvC,mBAAa,WAAW,MAAM,CAAC;AAAA,IACjC;AACA,UAAM,sBAAsB,aAAa,QAAQ,eAAe;AAEhE,UAAM,YAAY;AAAA,MAChB,gBAAgB,qBAAqB;AAAA,MACrC;AAAA,MACA,aAAa,MAAM,YAAY;AAAA,MAC/B,aAAa,OAAO,OAAO,UAAU,EAAE,KAAK,GAAG,IAAI;AAAA,IACrD;AACA,UAAM,YAAY,UAAU,KAAK,GAAG;AAEpC,QAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,YAAM,QAAQ,mBAAmB,YAAY;AAE7C,UAAI,0BAA0B;AAC5B,kBAAU,QAAQ;AAAA,MACpB,WAAW,eAAe;AACxB,cAAM,WAAW,EAAE,OAAO,KAAK;AAC/B,mBAAW,QAAQ,UAAU,MAAM,GAAG,GAAG;AACvC,mBAAS,QAAQ;AAAA,QACnB;AACA,kBAAU,QAAQ,CAAC,UAAU,GAAI,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAE;AACxE,YAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,iBAAO,KAAK,SAAS,EAAE,QAAQ,CAAC,QAAQ;AACtC,gBAAI,IAAI,WAAW,OAAO,GAAG;AAC3B,wBAAU,YAAY,CAAC;AACvB,wBAAU,QAAQ,IAAI,QAAQ,SAAS,EAAE,KAAK,UAAU;AACxD,qBAAO,UAAU;AAAA,YACnB;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF,OAAO;AACL,kBAAU,YAAY;AACtB,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF;AAEA,QAAI,QAAQ,IAAI,mBAAmB,UAAU;AAE3C,UAAI,YAAY,YAAY;AAC1B,cAAM,YAAW,mBAAc,YAAY,YAAY,gBAAtC,mBAAmD;AACpE,YAAI,UAAU;AACZ,gBAAM,CAAC,QAAQ,KAAK,KAAK,MAAM;AAlnBzC,gBAAAA,KAAAC;AAmnBY,gBAAIC;AACJ,gBAAIC;AACJ,qBAAS,IAAI,OAAO,QAAQ,KAAK,GAAG,KAAK;AACvC,cAAAD,aAAWF,MAAA,OAAO,OAAP,gBAAAA,IAAW;AACtB,cAAAG,YAAUF,MAAA,OAAO,OAAP,gBAAAA,IAAW;AAAA,YACvB;AACA,mBAAO,CAACC,WAAU,OAAOC,UAAS,QAAQ;AAAA,UAC5C,GAAG;AACH,gBAAM,gBAAe,oBAAS,YAAT,mBAAmB,WAAnB,mBAA2B;AAChD,cAAI,cAAc;AAChB,uBAAWA,UAAS,QAAQ;AAC1B,kBAAIA,UAAA,gBAAAA,OAAO,YAAY;AACrB,gBAAAA,OAAM,aAAa;AACnB,uBAAOA,OAAM;AACb,uBAAOA,OAAM;AAAA,cACf;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAGA,gBAAU,QAAQ;AAAA,IACpB;AAEA,UAAM,oBAAoB,CAAC,YAAY,iBAAgB,mCAAS;AAChE,UAAM,cAAc,CAAC,EAAE,qBAAqB,WAAW,cAAc,aAAa;AAClF,UAAM,oBAAoB,CAAC,YAAY,iBAAgB,mCAAS;AAChE,UAAM,cACJ,SAAS,CAAC,EAAE,qBAAqB,aAAa,cAAc,gBAAgB;AAE9E,UAAM,qBAAqB,CAAC,SAAS,CAAC;AAItC,UAAM,eAAe,UACjB,QACA;AAAA,MACE,eACE,eACA,gBAAgB,SAChB,aAAa,SACb,eAAe,SACf,gBAAgB,SACf,UACE,gBAAgB,SACf,eAAe,SACf,gBAAgB,SAChB,kBAAkB,SAClB,kBAAkB;AAAA,IAC1B;AAEJ,UAAM,SACJ,gBAAgB,CAAC,SAAS,CAAC,aACvB;AAAA,MACE,YAAY,cACR,CAAC,MAAM;AACL,gBAAQ;AACR,iDAAa;AACb,+CAAY;AAAA,MACd,IACA;AAAA,MACJ,GAAI,eAAe;AAAA,QACjB,cAAc,cACV,CAAC,MAAM;AACL,gBAAM,OAA8B,CAAC;AACrC,cAAI,aAAa;AACf,iBAAK,QAAQ;AAAA,UACf;AACA,cAAI,MAAM,SAAS;AACjB,iBAAK,QAAQ;AAAA,UACf;AACA,cAAI,eAAe,MAAM,SAAS;AAChC,4BAAgB,IAAI;AAAA,UACtB;AACA,iDAAY;AACZ,uDAAe;AAAA,QACjB,IACA;AAAA,QACJ,cAAc,cACV,CAAC,MAAM;AACL,gBAAM,OAA8B,CAAC;AACrC,mBAAS,IAAI,OAAO;AACpB,cAAI,aAAa;AACf,iBAAK,QAAQ;AAAA,UACf;AACA,cAAI,MAAM,SAAS;AACjB,iBAAK,QAAQ;AACb,iBAAK,UAAU;AAAA,UACjB;AACA,cAAI,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC5B,4BAAgB,IAAI;AAAA,UACtB;AACA,mDAAa;AACb,uDAAe;AAAA,QACjB,IACA;AAAA,MACN;AAAA,MACA,WAAW,cACP,CAAC,MAAM;AACL,wBAAgB;AAAA,UACd,OAAO;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,QACT,CAAC;AACD,+CAAY;AACZ,mDAAc;AACd,YAAI,OAAO;AACT,mBAAS,IAAI,OAAO;AAAA,QACtB;AAAA,MACF,IACA;AAAA,MACJ,SAAS,cACL,CAAC,MAAM;AACL,gBAAQ;AAER,2CAAU;AACV,2CAAU;AAAA,MACZ,IACA;AAAA,MAGJ,GAAI,CAAC,SAAS;AAAA,QACZ,YAAY,CAAC,MAAM;AAAA,QACnB,UAAU;AAAA,QACV,SAAS,MAAM;AAAA,QACf,gBAAgB,MAAM;AAAA,QACtB,cAAc,MAAM;AAAA,QACpB,eAAe,MAAM;AAAA,QACrB,WAAW,UAAU,aAAa;AAAA,QAClC,kBAAkB;AAAA,MACpB;AAAA,IACF,IACA;AAEN,QAAI,QAAQ;AAGZ,QAAI,MAAM,cAAc,UAAU,QAAQ;AACxC,iBAAW,OAAO,MAAM,YAAY;AAClC,YAAI,OAAO,MAAM,cAAc,OAAO,SAAS,MAAM,KAAK,UAAU,QAAW;AAC7E,kBAAQ,MAAM,KAAK;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAEA,UAAM,mBAAmB,QAAQ,gBAAgB,gBAAgB,UAAU;AAC3E,UAAM,4BAA4B,oBAAqB,gBAAgB;AAGvE,QAAI,2BAA2B;AAC7B,eAAS,QAAQ,0BAA0B;AAAA,IAC7C;AACA,QAAI,kBAAkB;AACpB,eAAS,QAAQ,mBAAmB;AAAA,IACtC;AAEA,UAAM,WACJ,CAAC,YAAY,UACT,WACA;AAAA,MACE,eAAe;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,MAAM,kBAAkB;AAAA,QACnC;AAAA,MACF,CAAC;AAAA,MAED,SAAS,QAAQ,0BAA0B,eAAe;AAAA,MAC1D,SAAS,QAAQ;AAAA,IACnB;AAEN,QAAI;AAEJ,QAAI,SAAS;AACX,oBAAc;AACd,kBAAY;AAAA,QACV,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAGA,QAAI,QAAQ,IAAI,mBAAmB,UAAU;AAE3C,YAAM,cAAc,CAAC,CAAC,QAAQ;AAC9B,UAAI,aAAa;AACf,kBAAU,UAAU,WAAW,UAAU,SAAS,MAAM;AACtD,0BAAgB,EAAE,OAAO,KAAK,CAAC;AAAA,QACjC,CAAC;AACD,kBAAU,SAAS,WAAW,UAAU,QAAQ,MAAM;AACpD,0BAAgB,EAAE,OAAO,MAAM,CAAC;AAAA,QAClC,CAAC;AAAA,MACH;AAIA,YAAM,eAAe,gBAAgB,SAAS,EAAE,GAAG,QAAQ,QAAQ,IAAI,CAAC,CAAC;AACzE,UAAI,eAAe,QAAQ;AACzB,mBAAW,OAAO,cAAc;AAC9B,gBAAM,KAAK,MAAM;AACjB,gBAAM,MAAM,aAAa;AACzB,oBAAU,OACR,MAAM,CAAC,4BAA4B,OAAO,qBAAqB,IAAI,GAAG,IAAI;AAAA,QAC9E;AAAA,MACF;AAAA,IACF;AAEA,cAAU,cAAc,aAAa,WAAW,QAAQ;AAExD,QAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,UAAI,UAAU,0BAA0B;AACtC,kBACE,oBAAC;AAAA,UACC,YAAY,2BAA2B,YAAY,MAAM;AAAA,UACxD,GAAI,UAAU;AAAA,YACb,cAAc,OAAO;AAAA,YACrB,cAAc,OAAO;AAAA,YACrB,SAAS,OAAO;AAAA,YAChB,aAAa,OAAO;AAAA,YACpB,WAAW,OAAO;AAAA,YAClB,cAAc,OAAO;AAAA,YACrB,YAAY,OAAO;AAAA,UACrB;AAAA,UAEC;AAAA,SACH;AAAA,MAEJ;AAAA,IACF;AAEA,QAAI,QAAQ,IAAI,aAAa,iBAAiB,QAAQ,IAAI,UAAU,WAAW;AAC7E,UAAI,WAAW;AACb,cAAMC,WAAU,OAAO,gBAAgB,WAAW,cAAc;AAEhE,gBAAQ,eAAe,WAAWA,0BAAyB,SAAS;AACpE,mBAAW,OAAO,WAAW;AAE3B,kBAAQ,IAAI,KAAK,UAAU,IAAI;AAAA,QACjC;AAEA,gBAAQ,IAAI,YAAY,OAAO;AAE/B,gBAAQ,SAAS;AACjB,YAAI,OAAO,WAAW,aAAa;AAGjC,kBAAQ,IAAI,EAAE,OAAO,2BAA2B,YAAY,0BAA0B,qBAAqB,WAAW,aAAa,iBAAiB,oBAAoB,iBAAiB,eAAc,WAAM,cAAN,mBAAiB,MAAM,MAAM,gBAAe,eAAU,cAAV,mBAAqB,MAAM,MAAM,QAAQ,cAAc,QAAQ,SAAS,SAAS,UAAU,oBAAoB,cAAc,4BAA4B,WAAW,MAAM,WAAW,OAAO,kBAAkB,oBAAoB,GAAI,OAAO,WAAW,cAAc,EAAE,OAAO,gBAAiB,MAAM,WAAW,cAAc,eAAe,QAAQ,oBAAoB,mBAAmB,YAAY,OAAO,YAAY,OAAO,QAAQ,UAAU,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,gBAAgB,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,KAAM,CAAC;AAAA,QACnuB;AAEA,gBAAQ,SAAS;AAAA,MACnB;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AAED,MAAI,aAAa,eAAe;AAC9B,cAAU,cAAc,aAAa;AAAA,EACvC;AAEA,mBAAiB,CAAC,SAAS;AAEzB,QAAI,CAAC,eAAe;AAClB,sBAAgB;AAEhB,UAAI,CAAC,uBAAuB;AAC1B,gCAAwB;AAAA,UACtB,OAAO;AAAA,UACP,OAAO;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,UACP,WAAW;AAAA,UACX,YAAY,oBAAoB,qBAAqB,CAAC;AAAA,QACxD;AACA,uCAA+B;AAAA,UAC7B,GAAG;AAAA,UACH,WAAW;AAAA,QACb;AAAA,MACF;AAEA,UAAI,cAAc,YAAY;AAC5B,uBAAe,cAAc,WAAW;AACxC,uBAAe,cAAc,WAAW;AAAA,MAC1C;AAEA,UAAI,CAAC,cAAc;AACjB,cAAM,OAAO,KAAK,OAAO,OAAO,KAAK,KAAK,MAAM,EAAE;AAClD,uBAAe,oBAAoB,IAAI;AACvC,YAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAI,CAAC,cAAc;AAEjB,oBAAQ,IAAI,wBAAwB;AAAA,UACtC;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAIA,oBAAgB,cAAc,aAAa;AAE3C,QAAI,iBAAiB,aAAa,gBAAgB,CAAC;AAKnD,UAAM,cAAc,CAAC,GAAI,aAAa,eAAe,CAAC,GAAI,aAAa,aAAa;AAEpF,QAAI,cAAc,gBAAgB,eAAe,aAAa,eAAe;AAC3E,uBAAiB;AAAA,QACf,aAAa;AAAA,QACb;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,QAAQ,eAAe;AAG7B,UAAM,CAAC,UAAU,aAAa,IAAI,WAAW,gBAAgB,CAAC,CAAC;AAE/D,QAAI,SAAS,KAAK;AAChB,mBAAa,SAAS;AAAA,IACxB;AAEA,UAAM,eAAe,CAAC,aAAa;AACnC,UAAM,EAAE,MAAM,UAAU,oBAAoB,UAAU,IAAI;AAK1D,UAAM,CAAC,UAAU,kBAAkB,IAAI,WAAW,UAAU,cAAqB;AAAA,MAC/E,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AAED,yBAAqB,CAAC;AAEtB,UAAMC,eAAc,aAAa,eAAe;AAGhD,QAAI,CAAC,OAAO;AACV,iBAAW,OAAO,aAAa,cAAc;AAC3C,cAAM,MAAM,aAAa,aAAa;AACtC,YAAI,gBAAgB;AAAM;AAC1B,YAAK,OAAO,QAAQ,YAAY,IAAI,OAAO,OAAQ,CAACA,aAAY,MAAM;AACpE,mBAAS,OAAO;AAAA,QAClB,OAAO;AACL,6BAAmB,OAAO;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAGA,0BAAsB;AAGtB,QAAI,QAAQ,IAAI,aAAa,iBAAiB,OAAO;AACnD,UAAI,QAAQ,IAAI,cAAc,aAAa;AAGzC,gBAAQ,IAAI,cAAO,aAAa,iBAAiB,gBAAgB,EAAE,cAAc,qBAAqB,oBAAoB,UAAU,gBAAgB,sBAAsB,OAAO,KAAK,aAAa,YAAY,GAAG,wBAAwB,OAAO,KAAK,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,eAAe,EAAE,CAAC,GAAG,UAAU,eAAe,oBAAoB,YAAY,aAAc,CAAC;AAAA,MACpX;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,MAA4D;AAEhE,MAAI,SAAS,MAAM;AACjB,UAAM,KAAK,GAAG;AAAA,EAChB;AAEA,MAAI,eAAe;AAAA,IACjB,aAAa,aAAa,eAAe;AAAA,IACzC,GAAG;AAAA,EACL;AAGA,MAAI,cAAc,CAAC,WAAgB,SAAiC;AAClE,cAAU,eAAe;AAAA,MACvB;AAAA,QACE;AAAA,QACA,GAAG;AAAA,QACH,cAAc;AAAA,QACd,cAAc;AAAA,UACZ,GAAG,UAAU;AAAA,UACb,GAAG,6BAAM;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAGO,MAAM,WAAW,CAAC,UAA8B;AACrD,SAAO,MAAM;AACf;AACA,SAAS,gBAAgB;AAKlB,MAAM,SAAS,gBAA6B;AAAA,EACjD,MAAM;AAAA,EACN,eAAe;AAAA,EACf;AAAA,EAEA,cAAc;AAAA,IACZ,GAAG;AAAA,IAEH,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,MAAM,EAAE,OAAO,MAAM;AAC/B,eAAO,QAAQ,OAAO,UAAU;AAChC,cAAM,SAAS,OAAO,MAAM,SAAS;AACrC,eAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,WAAW;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA,UAAU;AAAA,QACR,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA,MAAM,CAAC;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAWM,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,WAAW,CAAC,EAAE,SAAS;AAC7B,QAAM,eAAe,EAAE,cAAc,UAAa,cAAc;AAChE,MAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,UAAU;AAC3C,WAAO;AAAA,EACT;AACA,QAAM,eAAe,SAAS,QAAQ,QAAQ;AAC9C,MAAI,aAAa,UAAU,KAAK,CAAC,UAAU;AACzC,WAAO;AAAA,EACT;AACA,QAAM,QAA2B,CAAC;AAClC,aAAW,CAAC,OAAO,KAAK,KAAK,aAAa,QAAQ,GAAG;AACnD,UAAM,UACJ,UAAU,QAAQ,UAAU,UAAc,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AAErF,QAAI,WAAW,CAAC,SAAU,MAAM,UAAU,CAAC,UAAW;AACpD,YAAM,KAAK,KAAK;AAAA,IAClB,OAAO;AACL,YAAM;AAAA,QACJ,oBAAC;AAAA,UAAsB,qBAAW,oBAAC;AAAA,YAAc;AAAA,WAAM,IAAkB;AAAA,WAA1D,KAAgE;AAAA,MACjF;AAAA,IACF;AAGA,QAAI,WAAW,KAAK,KAAK,UAAU;AAAG;AAEtC,QAAI;AAAU;AAEd,UAAM,OAAO,aAAa,QAAQ;AAElC,QAAI,QAAQ,CAAC,WAAW,IAAI,GAAG;AAC7B,UAAI,WAAW;AACb,YAAI,UAAU;AACZ,gBAAM;AAAA,YACJ,aAAa;AAAA,cACX,KAAK,IAAI;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AACA,cAAM;AAAA,UACJ,MAAM,eAAe,SAAS,IAC1B,MAAM,aAAa,WAAW,EAAE,KAAK,OAAO,QAAQ,CAAC,IACrD;AAAA,QACN;AACA,YAAI,UAAU;AACZ,gBAAM;AAAA,YACJ,aAAa;AAAA,cACX,KAAK,IAAI;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF,OAAO;AACL,cAAM;AAAA,UACJ,aAAa;AAAA,YACX,KAAK,IAAI;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAIA,SAAS,aAAa,EAAE,KAAK,WAAW,OAAO,UAAU,GAAsB;AAC7E,SAEE,oBAAC;AAAA,IAEC,MAAM;AAAA,IACN;AAAA,IACC,GAAI,OAAO,cAAc,eAAe;AAAA,MACvC,MAAM,cAAc,OAAO,IAAI,cAAc,QAAQ,IAAI;AAAA,IAC3D;AAAA,KALK,GAMP;AAEJ;AAEA,SAAS,WAAW,OAAwB;AAtqC5C;AAwqCE,WAAO,oCAAQ,YAAR,mBAAkB,0BAAuB,oCAAQ,YAAR,mBAAkB;AACpE;AAEA,MAAM,eAAe,oBAAI,IAAI;AAE7B,SAAS,wBACP,MACA,OACA,gBACA,aACA,MACA;AACA,QAAM,MAAM,YAAY;AACxB,MAAI;AAEJ,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK;AAC5B,UAAM,IAAI,YAAY;AACtB,QAAI,CAAC;AAAG;AACR,QAAI,aAAa,IAAI,CAAC,GAAG;AACvB,aAAO,aAAa,IAAI,CAAC;AACzB;AAAA,IACF;AACA,UAAMC,SAAQ,eAAe;AAC7B,QAAI,CAACA,QAAO;AACV,UAAI,MAAM;AACR,qBAAa,IAAI,GAAG,IAAI;AAAA,MAC1B;AACA;AAAA,IACF;AACA,WAAO,WAAW,QAAQ,CAAC,GAAGA,QAAO,OAAO,KAAK,iBAAiB,EAAE;AACpE,iBAAa,IAAI,GAAG,IAAI;AAAA,EAC1B;AAGA,QAAM,oBAAoB,aAAa,IAAI,IAAI;AAC/C,MAAI,mBAAmB;AACrB,WAAO,WAAW,OAAO,mBAAmB,OAAO,KAAK,iBAAiB,EAAE;AAAA,EAC7E;AACA,SAAO;AACT;AAGA,SAAS,mBAAmB,SAA6B;AACvD,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC;AAAM;AAEX,SAAK,UAAU,CAAC,aAAa,cAAc,MAAM,MAAM,QAAQ;AAE/D,SAAK,gBAAgB,CAAC,gBAAgB,YAAY,cAAc,MAAM,gBAAgB,OAAO;AAE7F,SAAK,kBAAkB,CAAC,aAAa;AACnC,UAAI,CAAC;AAAM;AACX,iBAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,QAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AACd;AAEA,MAAM,eAAoB,gBAAgB;AAAA,EACxC,eAAe;AAAA,EACf,cAAc;AAAA,IACZ,GAAG;AAAA,IACH,eAAe;AAAA,IACf,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,eAAe;AAAA,EACjB;AACF,CAAC;AAED,MAAM,8BAA8B;AAAA,EAClC,SAAS;AACX;AAEA,SAAS,oBAAoB,KAAa;AACxC,SAAO,OAAO,YAAY,OAAO,QAAQ,GAAG,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAO,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAE,CAAC;AAC9F;",
   "names": ["_a", "_b", "weight", "style", "element", "validStyles", "props"]
 }

package/dist/esm/helpers/getThemeCSSRules.js

@@ -1,6 +1,7 @@
 import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
 import { variableToString } from "../createVariable";
 import { tokensValueToVariable } from "./registerCSSVariable";
+import { simpleHash } from "@tamagui/helpers";
 function getThemeCSSRules({
   config,
   themeName,
@@ -19,7 +20,7 @@ function getThemeCSSRules({
     } else {
       value = tokensValueToVariable.get(variable.val).variable;
     }
-    vars += `--${themeKey}:${value};`;
+    vars += `--${simpleHash(themeKey, 40)}:${value};`;
   }
   const isDarkOrLightBase = themeName === "dark" || themeName === "light";
   const selectors = names.map((name) => {

package/dist/esm/helpers/getThemeCSSRules.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getThemeCSSRules.ts"],
-  "sourcesContent": ["import { THEME_CLASSNAME_PREFIX } from '../constants/constants'\nimport { Variable, variableToString } from '../createVariable'\nimport { CreateTamaguiProps, ThemeParsed } from '../types'\nimport { tokensValueToVariable } from './registerCSSVariable'\n\nexport function getThemeCSSRules({\n  config,\n  themeName,\n  theme,\n  names,\n}: {\n  config: CreateTamaguiProps\n  themeName: string\n  theme: ThemeParsed\n  names: string[]\n}) {\n  const cssRuleSets: string[] = []\n\n  // special case for SSR\n  const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n  const CNP = `.${THEME_CLASSNAME_PREFIX}`\n  let vars = ''\n\n  // themeToVariableToValueMap.set(theme, {})\n  // const varToValMap = themeToVariableToValueMap.get(theme)\n  for (const themeKey in theme) {\n    const variable = theme[themeKey] as Variable\n    let value: any = null\n    // if (varToValMap) {\n    //   varToValMap[variable.variable] = variable.val\n    // }\n    if (!tokensValueToVariable.has(variable.val)) {\n      value = variable.val\n    } else {\n      value = tokensValueToVariable.get(variable.val)!.variable\n    }\n    vars += `--${themeKey}:${value};`\n  }\n\n  const isDarkOrLightBase = themeName === 'dark' || themeName === 'light'\n  const selectors = names.map((name) => {\n    return `${CNP}${name}`\n  })\n\n  // since we dont specify dark/light in classnames we have to do an awkward specificity war\n  // use config.maxDarkLightNesting to determine how deep you can nest until it breaks\n  if (hasDarkLight) {\n    for (const subName of names) {\n      const isDark = isDarkOrLightBase || subName.startsWith('dark_')\n      const max = config.maxDarkLightNesting ?? 3\n\n      if (!isDark && !subName.startsWith('light_')) {\n        // neither light nor dark subtheme, just generate one selector with :root:root which\n        // will override all :root light/dark selectors generated below\n        selectors.push(`:root:root ${CNP}${subName}`)\n        continue\n      }\n\n      const childSelector = `${CNP}${subName.replace(isDark ? 'dark_' : 'light_', '')}`\n      const order = isDark ? ['dark', 'light'] : ['light', 'dark']\n      if (isDarkOrLightBase) {\n        order.reverse()\n      }\n      const [stronger, weaker] = order\n      const numSelectors = Math.round(max * 1.5)\n\n      for (let pi = 0; pi < numSelectors; pi++) {\n        const isOdd = pi % 2 === 1\n        if (isOdd && pi < 3) continue\n        const parents = new Array(pi + 1).fill(undefined).map((_, psi) => {\n          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`\n        })\n        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents\n        if (isOdd) {\n          const [_first, second, ...rest] = parentSelectors\n          parentSelectors = [second, ...rest, second]\n        }\n        // avoid .t_light .t_light at the end (make sure child is unique from last parent)\n        const lastParentSelector = parentSelectors[parentSelectors.length - 1]\n        selectors.push(\n          `${parentSelectors.join(' ')} ${\n            childSelector === lastParentSelector ? '' : childSelector\n          }`\n        )\n      }\n    }\n  }\n\n  const selectorsString = selectors.map((x) => {\n    // only do our :root attach if it's not light/dark - not support sub themes on root saves a lot of effort/size\n    // this isBaseTheme logic could probably be done more efficiently above\n    const isBaseTheme =\n      x === '.t_dark' || x === '.t_light' || x.startsWith('.t_dark ') || x.startsWith('.t_light ')\n    const rootSep = isBaseTheme && config.themeClassNameOnRoot ? '' : ' '\n    return `:root${rootSep}${x}`\n  })\n  const css = `${selectorsString.join(', ')} {${vars}}`\n  cssRuleSets.push(css)\n\n  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {\n    // add media prefers for dark/light base\n    const isDark = themeName.startsWith('dark')\n    cssRuleSets.push(\n      `@media(prefers-color-scheme: ${isDark ? 'dark' : 'light'}) {\nbody { background:${variableToString(theme.background)}; color: ${variableToString(theme.color)} }\n:root {${vars} } \n}`\n    )\n  }\n\n  return cssRuleSets\n}\n"],
-  "mappings": "AAAA,SAAS,8BAA8B;AACvC,SAAmB,wBAAwB;AAE3C,SAAS,6BAA6B;AAE/B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,cAAwB,CAAC;AAG/B,QAAM,eAAe,WAAW,OAAO,UAAU,UAAU,OAAO;AAClE,QAAM,MAAM,IAAI;AAChB,MAAI,OAAO;AAIX,aAAW,YAAY,OAAO;AAC5B,UAAM,WAAW,MAAM;AACvB,QAAI,QAAa;AAIjB,QAAI,CAAC,sBAAsB,IAAI,SAAS,GAAG,GAAG;AAC5C,cAAQ,SAAS;AAAA,IACnB,OAAO;AACL,cAAQ,sBAAsB,IAAI,SAAS,GAAG,EAAG;AAAA,IACnD;AACA,YAAQ,KAAK,YAAY;AAAA,EAC3B;AAEA,QAAM,oBAAoB,cAAc,UAAU,cAAc;AAChE,QAAM,YAAY,MAAM,IAAI,CAAC,SAAS;AACpC,WAAO,GAAG,MAAM;AAAA,EAClB,CAAC;AAID,MAAI,cAAc;AAChB,eAAW,WAAW,OAAO;AAC3B,YAAM,SAAS,qBAAqB,QAAQ,WAAW,OAAO;AAC9D,YAAM,MAAM,OAAO,uBAAuB;AAE1C,UAAI,CAAC,UAAU,CAAC,QAAQ,WAAW,QAAQ,GAAG;AAG5C,kBAAU,KAAK,cAAc,MAAM,SAAS;AAC5C;AAAA,MACF;AAEA,YAAM,gBAAgB,GAAG,MAAM,QAAQ,QAAQ,SAAS,UAAU,UAAU,EAAE;AAC9E,YAAM,QAAQ,SAAS,CAAC,QAAQ,OAAO,IAAI,CAAC,SAAS,MAAM;AAC3D,UAAI,mBAAmB;AACrB,cAAM,QAAQ;AAAA,MAChB;AACA,YAAM,CAAC,UAAU,MAAM,IAAI;AAC3B,YAAM,eAAe,KAAK,MAAM,MAAM,GAAG;AAEzC,eAAS,KAAK,GAAG,KAAK,cAAc,MAAM;AACxC,cAAM,QAAQ,KAAK,MAAM;AACzB,YAAI,SAAS,KAAK;AAAG;AACrB,cAAM,UAAU,IAAI,MAAM,KAAK,CAAC,EAAE,KAAK,MAAS,EAAE,IAAI,CAAC,GAAG,QAAQ;AAChE,iBAAO,GAAG,MAAM,MAAM,MAAM,IAAI,WAAW;AAAA,QAC7C,CAAC;AACD,YAAI,kBAAkB,QAAQ,SAAS,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC9D,YAAI,OAAO;AACT,gBAAM,CAAC,QAAQ,WAAW,IAAI,IAAI;AAClC,4BAAkB,CAAC,QAAQ,GAAG,MAAM,MAAM;AAAA,QAC5C;AAEA,cAAM,qBAAqB,gBAAgB,gBAAgB,SAAS;AACpE,kBAAU;AAAA,UACR,GAAG,gBAAgB,KAAK,GAAG,KACzB,kBAAkB,qBAAqB,KAAK;AAAA,QAEhD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,UAAU,IAAI,CAAC,MAAM;AAG3C,UAAM,cACJ,MAAM,aAAa,MAAM,cAAc,EAAE,WAAW,UAAU,KAAK,EAAE,WAAW,WAAW;AAC7F,UAAM,UAAU,eAAe,OAAO,uBAAuB,KAAK;AAClE,WAAO,QAAQ,UAAU;AAAA,EAC3B,CAAC;AACD,QAAM,MAAM,GAAG,gBAAgB,KAAK,IAAI,MAAM;AAC9C,cAAY,KAAK,GAAG;AAEpB,MAAI,OAAO,+BAA+B,mBAAmB;AAE3D,UAAM,SAAS,UAAU,WAAW,MAAM;AAC1C,gBAAY;AAAA,MACV,gCAAgC,SAAS,SAAS;AAAA,oBACpC,iBAAiB,MAAM,UAAU,aAAa,iBAAiB,MAAM,KAAK;AAAA,SACrF;AAAA;AAAA,IAEL;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { THEME_CLASSNAME_PREFIX } from '../constants/constants'\nimport { Variable, variableToString } from '../createVariable'\nimport { CreateTamaguiProps, ThemeParsed } from '../types'\nimport { tokensValueToVariable } from './registerCSSVariable'\nimport { simpleHash } from '@tamagui/helpers'\n\nexport function getThemeCSSRules({\n  config,\n  themeName,\n  theme,\n  names,\n}: {\n  config: CreateTamaguiProps\n  themeName: string\n  theme: ThemeParsed\n  names: string[]\n}) {\n  const cssRuleSets: string[] = []\n\n  // special case for SSR\n  const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n  const CNP = `.${THEME_CLASSNAME_PREFIX}`\n  let vars = ''\n\n  // themeToVariableToValueMap.set(theme, {})\n  // const varToValMap = themeToVariableToValueMap.get(theme)\n  for (const themeKey in theme) {\n    const variable = theme[themeKey] as Variable\n    let value: any = null\n    // if (varToValMap) {\n    //   varToValMap[variable.variable] = variable.val\n    // }\n    if (!tokensValueToVariable.has(variable.val)) {\n      value = variable.val\n    } else {\n      value = tokensValueToVariable.get(variable.val)!.variable\n    }\n    // Hash themeKey in case it has invalid chars too\n    vars += `--${simpleHash(themeKey, 40)}:${value};`\n  }\n\n  const isDarkOrLightBase = themeName === 'dark' || themeName === 'light'\n  const selectors = names.map((name) => {\n    return `${CNP}${name}`\n  })\n\n  // since we dont specify dark/light in classnames we have to do an awkward specificity war\n  // use config.maxDarkLightNesting to determine how deep you can nest until it breaks\n  if (hasDarkLight) {\n    for (const subName of names) {\n      const isDark = isDarkOrLightBase || subName.startsWith('dark_')\n      const max = config.maxDarkLightNesting ?? 3\n\n      if (!isDark && !subName.startsWith('light_')) {\n        // neither light nor dark subtheme, just generate one selector with :root:root which\n        // will override all :root light/dark selectors generated below\n        selectors.push(`:root:root ${CNP}${subName}`)\n        continue\n      }\n\n      const childSelector = `${CNP}${subName.replace(isDark ? 'dark_' : 'light_', '')}`\n      const order = isDark ? ['dark', 'light'] : ['light', 'dark']\n      if (isDarkOrLightBase) {\n        order.reverse()\n      }\n      const [stronger, weaker] = order\n      const numSelectors = Math.round(max * 1.5)\n\n      for (let pi = 0; pi < numSelectors; pi++) {\n        const isOdd = pi % 2 === 1\n        if (isOdd && pi < 3) continue\n        const parents = new Array(pi + 1).fill(undefined).map((_, psi) => {\n          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`\n        })\n        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents\n        if (isOdd) {\n          const [_first, second, ...rest] = parentSelectors\n          parentSelectors = [second, ...rest, second]\n        }\n        // avoid .t_light .t_light at the end (make sure child is unique from last parent)\n        const lastParentSelector = parentSelectors[parentSelectors.length - 1]\n        selectors.push(\n          `${parentSelectors.join(' ')} ${\n            childSelector === lastParentSelector ? '' : childSelector\n          }`\n        )\n      }\n    }\n  }\n\n  const selectorsString = selectors.map((x) => {\n    // only do our :root attach if it's not light/dark - not support sub themes on root saves a lot of effort/size\n    // this isBaseTheme logic could probably be done more efficiently above\n    const isBaseTheme =\n      x === '.t_dark' || x === '.t_light' || x.startsWith('.t_dark ') || x.startsWith('.t_light ')\n    const rootSep = isBaseTheme && config.themeClassNameOnRoot ? '' : ' '\n    return `:root${rootSep}${x}`\n  })\n  const css = `${selectorsString.join(', ')} {${vars}}`\n  cssRuleSets.push(css)\n\n  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {\n    // add media prefers for dark/light base\n    const isDark = themeName.startsWith('dark')\n    cssRuleSets.push(\n      `@media(prefers-color-scheme: ${isDark ? 'dark' : 'light'}) {\nbody { background:${variableToString(theme.background)}; color: ${variableToString(theme.color)} }\n:root {${vars} } \n}`\n    )\n  }\n\n  return cssRuleSets\n}\n"],
+  "mappings": "AAAA,SAAS,8BAA8B;AACvC,SAAmB,wBAAwB;AAE3C,SAAS,6BAA6B;AACtC,SAAS,kBAAkB;AAEpB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,cAAwB,CAAC;AAG/B,QAAM,eAAe,WAAW,OAAO,UAAU,UAAU,OAAO;AAClE,QAAM,MAAM,IAAI;AAChB,MAAI,OAAO;AAIX,aAAW,YAAY,OAAO;AAC5B,UAAM,WAAW,MAAM;AACvB,QAAI,QAAa;AAIjB,QAAI,CAAC,sBAAsB,IAAI,SAAS,GAAG,GAAG;AAC5C,cAAQ,SAAS;AAAA,IACnB,OAAO;AACL,cAAQ,sBAAsB,IAAI,SAAS,GAAG,EAAG;AAAA,IACnD;AAEA,YAAQ,KAAK,WAAW,UAAU,EAAE,KAAK;AAAA,EAC3C;AAEA,QAAM,oBAAoB,cAAc,UAAU,cAAc;AAChE,QAAM,YAAY,MAAM,IAAI,CAAC,SAAS;AACpC,WAAO,GAAG,MAAM;AAAA,EAClB,CAAC;AAID,MAAI,cAAc;AAChB,eAAW,WAAW,OAAO;AAC3B,YAAM,SAAS,qBAAqB,QAAQ,WAAW,OAAO;AAC9D,YAAM,MAAM,OAAO,uBAAuB;AAE1C,UAAI,CAAC,UAAU,CAAC,QAAQ,WAAW,QAAQ,GAAG;AAG5C,kBAAU,KAAK,cAAc,MAAM,SAAS;AAC5C;AAAA,MACF;AAEA,YAAM,gBAAgB,GAAG,MAAM,QAAQ,QAAQ,SAAS,UAAU,UAAU,EAAE;AAC9E,YAAM,QAAQ,SAAS,CAAC,QAAQ,OAAO,IAAI,CAAC,SAAS,MAAM;AAC3D,UAAI,mBAAmB;AACrB,cAAM,QAAQ;AAAA,MAChB;AACA,YAAM,CAAC,UAAU,MAAM,IAAI;AAC3B,YAAM,eAAe,KAAK,MAAM,MAAM,GAAG;AAEzC,eAAS,KAAK,GAAG,KAAK,cAAc,MAAM;AACxC,cAAM,QAAQ,KAAK,MAAM;AACzB,YAAI,SAAS,KAAK;AAAG;AACrB,cAAM,UAAU,IAAI,MAAM,KAAK,CAAC,EAAE,KAAK,MAAS,EAAE,IAAI,CAAC,GAAG,QAAQ;AAChE,iBAAO,GAAG,MAAM,MAAM,MAAM,IAAI,WAAW;AAAA,QAC7C,CAAC;AACD,YAAI,kBAAkB,QAAQ,SAAS,IAAI,QAAQ,MAAM,CAAC,IAAI;AAC9D,YAAI,OAAO;AACT,gBAAM,CAAC,QAAQ,WAAW,IAAI,IAAI;AAClC,4BAAkB,CAAC,QAAQ,GAAG,MAAM,MAAM;AAAA,QAC5C;AAEA,cAAM,qBAAqB,gBAAgB,gBAAgB,SAAS;AACpE,kBAAU;AAAA,UACR,GAAG,gBAAgB,KAAK,GAAG,KACzB,kBAAkB,qBAAqB,KAAK;AAAA,QAEhD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB,UAAU,IAAI,CAAC,MAAM;AAG3C,UAAM,cACJ,MAAM,aAAa,MAAM,cAAc,EAAE,WAAW,UAAU,KAAK,EAAE,WAAW,WAAW;AAC7F,UAAM,UAAU,eAAe,OAAO,uBAAuB,KAAK;AAClE,WAAO,QAAQ,UAAU;AAAA,EAC3B,CAAC;AACD,QAAM,MAAM,GAAG,gBAAgB,KAAK,IAAI,MAAM;AAC9C,cAAY,KAAK,GAAG;AAEpB,MAAI,OAAO,+BAA+B,mBAAmB;AAE3D,UAAM,SAAS,UAAU,WAAW,MAAM;AAC1C,gBAAY;AAAA,MACV,gCAAgC,SAAS,SAAS;AAAA,oBACpC,iBAAiB,MAAM,UAAU,aAAa,iBAAiB,MAAM,KAAK;AAAA,SACrF;AAAA;AAAA,IAEL;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/helpers/insertStyleRule.js

@@ -57,7 +57,7 @@ function updateInserted() {
         continue;
       }
       const [identifier, cssRule] = response;
-      if (!allSelectors[identifier]) {
+      if (!(identifier in allSelectors)) {
         const isTransform = identifier.startsWith("_transform");
         const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true;
         if (shouldInsert) {
@@ -71,7 +71,7 @@ function updateInserted() {
 function getTamaguiSelector(rule) {
   if (rule instanceof CSSStyleRule) {
     const text = rule.selectorText;
-    if (text.startsWith("._")) {
+    if (text[0] === "." && text[1] === "_") {
       return [text.slice(1), rule];
     }
     if (text.startsWith(":root") && text.includes("._")) {
@@ -97,16 +97,17 @@ function updateRules(identifier, rules) {
   return true;
 }
 function insertStyleRules(rulesToInsert) {
+  if (!rulesToInsert.length)
+    return;
   if (isClient && !sheet) {
-    if (process.env.NODE_ENV === "development") {
-      console.warn(`Missing sheet`);
-    }
+    if (process.env.NODE_ENV === "development")
+      throw `impossible`;
     return;
   }
   for (const { identifier, rules } of rulesToInsert) {
-    if (allSelectors[identifier])
+    if (identifier in allSelectors)
       continue;
-    allSelectors[identifier] = process.env.NODE_ENV === "development" ? rules.join("\n") : "";
+    allSelectors[identifier] = process.env.NODE_ENV === "development" ? rules.join("\n") : " ";
     updateRules(identifier, rules);
     if (sheet) {
       for (const rule of rules) {
@@ -120,7 +121,7 @@ function shouldInsertStyleRules(styleObject) {
   if (IS_STATIC) {
     return true;
   }
-  return !allSelectors[styleObject.identifier];
+  return !(styleObject.identifier in allSelectors);
 }
 export {
   getAllRules,

package/dist/esm/helpers/insertStyleRule.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/insertStyleRule.tsx"],
-  "sourcesContent": ["// this needs to check if its inserted already? 99% of the time it is\n// this should avoid re-inserts, but need to test the perf trade-offs\n// i tested with the site itself and the initial insert was trivial\n\nimport type { StyleObject } from '@tamagui/helpers'\n\nconst allSelectors: Record<string, string> = {}\nconst allRules: Record<string, string> = {}\nexport const insertedTransforms = {}\n\nexport const getAllSelectors = () => allSelectors\nexport const getAllRules = () => Object.values(allRules)\nexport const getAllTransforms = () => insertedTransforms\n\n// keep transforms in map for merging later\nfunction addTransform(identifier: string, css: string, rule?: CSSRule) {\n  const s = css.indexOf('transform:')\n  if (s === -1) {\n    if (process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`)\n      // eslint-disable-next-line no-console\n      console.log('rule:', rule)\n      // eslint-disable-next-line no-console\n      console.trace()\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    } else {\n      // missing transform\n    }\n    return false\n  }\n  const startI = s + 'transform:'.length\n  const endI = css.indexOf(';')\n  const value = css.slice(startI, endI)\n  if (!insertedTransforms[identifier]) {\n    insertedTransforms[identifier] = value\n    return true\n  }\n  return false\n}\n\nconst isClient = typeof document !== 'undefined'\n\n// gets existing ones (client side)\n// takes ~0.1ms for a fairly large page\n// used now for three things:\n//   1. debugging at dev time\n//   2. avoid duplicate insert styles at runtime\n//   3. used now for merging transforms atomically\nconst scannedNum = new WeakMap<CSSStyleSheet, number>()\n\nexport function updateInserted() {\n  if (process.env.NODE_ENV === 'test') return\n  if (!isClient) return\n  const sheets = document.styleSheets\n  if (!sheets) return\n  for (let i = 0; i < sheets.length; i++) {\n    const sheet = sheets[i]\n    if (!sheet) continue\n\n    // avoid errors on cross origin sheets\n    // https://stackoverflow.com/questions/49993633/uncaught-domexception-failed-to-read-the-cssrules-property\n    let rules: CSSRuleList\n    try {\n      rules = sheet.cssRules\n    } catch {\n      continue\n    }\n\n    const len = rules.length\n    const lastScanned = scannedNum.get(sheet) ?? 0\n    if (lastScanned === len) {\n      continue\n    }\n    for (let i = lastScanned; i < len; i++) {\n      const rule = rules[i]\n      const response = getTamaguiSelector(rule)\n      if (!response) {\n        continue\n      }\n      const [identifier, cssRule] = response\n      if (!allSelectors[identifier]) {\n        const isTransform = identifier.startsWith('_transform')\n        const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true\n        if (shouldInsert) {\n          allSelectors[identifier] = cssRule.cssText\n        }\n      }\n    }\n    scannedNum.set(sheet, i)\n  }\n}\n\nfunction getTamaguiSelector(rule: CSSRule | null): readonly [string, CSSStyleRule] | null {\n  if (rule instanceof CSSStyleRule) {\n    const text = rule.selectorText\n    if (text.startsWith('._')) {\n      return [text.slice(1), rule]\n    }\n    if (text.startsWith(':root') && text.includes('._')) {\n      return [getIdentifierFromTamaguiSelector(text), rule]\n    }\n  } else if (rule instanceof CSSMediaRule) {\n    // tamagui only ever inserts 1 rule per media\n    if (rule.cssRules.length > 1) return null\n    return getTamaguiSelector(rule.cssRules[0])\n  }\n  return null\n}\n\nconst getIdentifierFromTamaguiSelector = (selector: string) =>\n  selector\n    .replace(/(:root)+\\s+/, '')\n    .replace(/:[a-z]+$/, '')\n    .slice(1)\n\n// move this to probably inside createTamagui\nupdateInserted()\n\nconst sheet = isClient ? document.head.appendChild(document.createElement('style')).sheet : null\n\nexport function updateRules(identifier: string, rules: string[]) {\n  if (allRules[identifier]) return false\n  allRules[identifier] = rules.join(' ')\n  if (identifier.startsWith('_transform')) {\n    return addTransform(identifier, rules[0])\n  }\n  return true\n}\n\n// [property, identifier, rules]\nexport type PartialStyleObject = Pick<StyleObject, 'identifier' | 'property' | 'rules'>\nexport type RulesToInsert = PartialStyleObject[]\n\nexport function insertStyleRules(rulesToInsert: RulesToInsert) {\n  if (isClient && !sheet) {\n    if (process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.warn(`Missing sheet`)\n    }\n    return\n  }\n  for (const { identifier, rules } of rulesToInsert) {\n    if (allSelectors[identifier]) continue\n    allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rules.join('\\n') : ''\n    updateRules(identifier, rules)\n    if (sheet) {\n      for (const rule of rules) {\n        sheet.insertRule(rule, sheet.cssRules.length)\n      }\n    }\n  }\n}\n\nconst IS_STATIC = process.env.IS_STATIC === 'is_static'\n\nexport function shouldInsertStyleRules(styleObject: PartialStyleObject) {\n  if (IS_STATIC) {\n    return true\n  }\n  return !allSelectors[styleObject.identifier]\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["// this needs to check if its inserted already? 99% of the time it is\n// this should avoid re-inserts, but need to test the perf trade-offs\n// i tested with the site itself and the initial insert was trivial\n\nimport type { StyleObject } from '@tamagui/helpers'\n\nconst allSelectors: Record<string, string> = {}\nconst allRules: Record<string, string> = {}\nexport const insertedTransforms = {}\n\nexport const getAllSelectors = () => allSelectors\nexport const getAllRules = () => Object.values(allRules)\nexport const getAllTransforms = () => insertedTransforms\n\n// keep transforms in map for merging later\nfunction addTransform(identifier: string, css: string, rule?: CSSRule) {\n  const s = css.indexOf('transform:')\n  if (s === -1) {\n    if (process.env.NODE_ENV === 'development') {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`)\n      // eslint-disable-next-line no-console\n      console.log('rule:', rule)\n      // eslint-disable-next-line no-console\n      console.trace()\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    } else {\n      // missing transform\n    }\n    return false\n  }\n  const startI = s + 'transform:'.length\n  const endI = css.indexOf(';')\n  const value = css.slice(startI, endI)\n  if (!insertedTransforms[identifier]) {\n    insertedTransforms[identifier] = value\n    return true\n  }\n  return false\n}\n\nconst isClient = typeof document !== 'undefined'\n\n// gets existing ones (client side)\n// takes ~0.1ms for a fairly large page\n// used now for three things:\n//   1. debugging at dev time\n//   2. avoid duplicate insert styles at runtime\n//   3. used now for merging transforms atomically\nconst scannedNum = new WeakMap<CSSStyleSheet, number>()\n\nexport function updateInserted() {\n  if (process.env.NODE_ENV === 'test') return\n  if (!isClient) return\n  const sheets = document.styleSheets\n  if (!sheets) return\n  for (let i = 0; i < sheets.length; i++) {\n    const sheet = sheets[i]\n    if (!sheet) continue\n\n    // avoid errors on cross origin sheets\n    // https://stackoverflow.com/questions/49993633/uncaught-domexception-failed-to-read-the-cssrules-property\n    let rules: CSSRuleList\n    try {\n      rules = sheet.cssRules\n    } catch {\n      continue\n    }\n\n    const len = rules.length\n    const lastScanned = scannedNum.get(sheet) ?? 0\n    if (lastScanned === len) {\n      continue\n    }\n    for (let i = lastScanned; i < len; i++) {\n      const rule = rules[i]\n      const response = getTamaguiSelector(rule)\n      if (!response) {\n        continue\n      }\n      const [identifier, cssRule] = response\n      if (!(identifier in allSelectors)) {\n        const isTransform = identifier.startsWith('_transform')\n        const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true\n        if (shouldInsert) {\n          allSelectors[identifier] = cssRule.cssText\n        }\n      }\n    }\n    scannedNum.set(sheet, i)\n  }\n}\n\nfunction getTamaguiSelector(rule: CSSRule | null): readonly [string, CSSStyleRule] | null {\n  if (rule instanceof CSSStyleRule) {\n    const text = rule.selectorText\n    // .startsWith('._')\n    if (text[0] === '.' && text[1] === '_') {\n      return [text.slice(1), rule]\n    }\n    if (text.startsWith(':root') && text.includes('._')) {\n      return [getIdentifierFromTamaguiSelector(text), rule]\n    }\n  } else if (rule instanceof CSSMediaRule) {\n    // tamagui only ever inserts 1 rule per media\n    if (rule.cssRules.length > 1) return null\n    return getTamaguiSelector(rule.cssRules[0])\n  }\n  return null\n}\n\nconst getIdentifierFromTamaguiSelector = (selector: string) =>\n  selector\n    .replace(/(:root)+\\s+/, '')\n    .replace(/:[a-z]+$/, '')\n    .slice(1)\n\n// move this to probably inside createTamagui\nupdateInserted()\n\nconst sheet = isClient ? document.head.appendChild(document.createElement('style')).sheet : null\n\nexport function updateRules(identifier: string, rules: string[]) {\n  if (allRules[identifier]) return false\n  allRules[identifier] = rules.join(' ')\n  if (identifier.startsWith('_transform')) {\n    return addTransform(identifier, rules[0])\n  }\n  return true\n}\n\n// [property, identifier, rules]\nexport type PartialStyleObject = Pick<StyleObject, 'identifier' | 'property' | 'rules'>\nexport type RulesToInsert = PartialStyleObject[]\n\nexport function insertStyleRules(rulesToInsert: RulesToInsert) {\n  if (!rulesToInsert.length) return\n  if (isClient && !sheet) {\n    if (process.env.NODE_ENV === 'development') throw `impossible`\n    return\n  }\n  for (const { identifier, rules } of rulesToInsert) {\n    if (identifier in allSelectors) continue\n    allSelectors[identifier] = process.env.NODE_ENV === 'development' ? rules.join('\\n') : ' '\n    updateRules(identifier, rules)\n    if (sheet) {\n      for (const rule of rules) {\n        sheet.insertRule(rule, sheet.cssRules.length)\n      }\n    }\n  }\n}\n\nconst IS_STATIC = process.env.IS_STATIC === 'is_static'\n\nexport function shouldInsertStyleRules(styleObject: PartialStyleObject) {\n  if (IS_STATIC) {\n    return true\n  }\n  return !(styleObject.identifier in allSelectors)\n}\n"],
+  "mappings": "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",
   "names": ["sheet", "i"]
 }