@tamagui/core 1.5.20 → 1.5.22

package/dist/esm/hooks/useTheme.js

@@ -1,209 +0,0 @@
-import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
-import { useContext, useEffect, useMemo, useState } from "react";
-import { getConfig } from "../config";
-import { isDevTools } from "../constants/isDevTools";
-import { createProxy } from "../helpers/createProxy";
-import {
-  ThemeManager,
-  hasNoThemeUpdatingProps
-} from "../helpers/ThemeManager";
-import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
-import { GetThemeUnwrapped } from "./getThemeUnwrapped";
-import { useServerRef } from "./useServerHooks";
-const emptyProps = { name: null };
-function getDefaultThemeProxied() {
-  const config = getConfig();
-  const name = Object.keys(config.themes)[0];
-  return getThemeProxied({
-    theme: config.themes[name],
-    name
-  });
-}
-const useTheme = (props = emptyProps) => {
-  var _a;
-  return (isRSC ? null : (_a = useThemeWithState(props)) == null ? void 0 : _a.theme) || getDefaultThemeProxied();
-};
-const useThemeWithState = (props) => {
-  var _a, _b;
-  const state = useServerRef();
-  if (isClient && !state.current) {
-    state.current = {
-      keys: /* @__PURE__ */ new Set()
-    };
-  }
-  (_a = state.current) == null ? void 0 : _a.keys.clear();
-  const changedTheme = useChangeThemeEffect(
-    props,
-    false,
-    isClient ? () => {
-      var _a2;
-      return ((_a2 = props.shouldUpdate) == null ? void 0 : _a2.call(props)) ?? state.current.keys.size === 0;
-    } : void 0
-  );
-  const { themeManager, isNewTheme, theme, name, className } = changedTheme;
-  if (process.env.NODE_ENV === "development") {
-    if (isWeb && isNewTheme && className === ((_b = themeManager == null ? void 0 : themeManager.parentManager) == null ? void 0 : _b.state.className)) {
-      console.error("Should always change, duplicating ThemeMananger bug", themeManager);
-    }
-    if (props.debug === "verbose") {
-      console.groupCollapsed("  \u{1F539} useTheme =>", name);
-      const logs = { ...props, name, className, ...isDevTools && { theme } };
-      for (const key in logs) {
-        console.log("  ", key, logs[key]);
-      }
-      console.groupEnd();
-    }
-  }
-  if (!changedTheme.theme) {
-    if (process.env.NODE_ENV === "development") {
-      console.warn("No theme found", name, props, themeManager);
-    }
-    return null;
-  }
-  const proxiedTheme = useMemo(() => {
-    return getThemeProxied(changedTheme);
-  }, [theme, isNewTheme, name, className, themeManager]);
-  return {
-    ...changedTheme,
-    theme: proxiedTheme
-  };
-};
-function getThemeProxied({
-  theme,
-  themeManager,
-  state
-}) {
-  return createProxy(theme, {
-    has(_, key) {
-      if (typeof key === "string") {
-        if (key[0] === "$")
-          key = key.slice(1);
-        return themeManager == null ? void 0 : themeManager.allKeys.has(key);
-      }
-      return Reflect.has(theme, key);
-    },
-    get(_, key) {
-      if (key === GetThemeUnwrapped) {
-        return theme;
-      }
-      if (key === "undefined" || key === "__proto__" || key === "$typeof" || typeof key !== "string" || !themeManager) {
-        return Reflect.get(_, key);
-      }
-      if (key[0] === "$") {
-        key = key.slice(1);
-      }
-      const val = themeManager.getValue(key);
-      if (val && state) {
-        if (isClient) {
-          return new Proxy(val, {
-            get(_2, subkey) {
-              if (subkey === "val") {
-                state.current.keys.add(key);
-              }
-              return Reflect.get(val, subkey);
-            }
-          });
-        }
-      }
-      return val;
-    }
-  });
-}
-const activeThemeManagers = /* @__PURE__ */ new Set();
-const useChangeThemeEffect = (props, root = false, disableUpdate) => {
-  if (isRSC) {
-    return {
-      ...createState().state,
-      themeManager: null
-    };
-  }
-  const parentManager = useContext(ThemeManagerContext);
-  const {
-    debug,
-    // @ts-expect-error internal use only
-    disable
-  } = props;
-  if (disable) {
-    if (!parentManager)
-      throw `\u274C`;
-    return {
-      ...parentManager.state,
-      isNewTheme: false,
-      themeManager: parentManager
-    };
-  }
-  const [themeState, setThemeState] = useState(createState);
-  const { isNewTheme, state, themeManager, mounted } = themeState;
-  if (!isServer) {
-    useEffect(() => {
-      if (disable)
-        return;
-      if (props.inverse && !mounted) {
-        setThemeState({ ...themeState, mounted: true });
-        return;
-      }
-      activeThemeManagers.add(themeManager);
-      return () => {
-        activeThemeManagers.delete(themeManager);
-      };
-    }, [disable, state, isNewTheme, debug]);
-  }
-  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse);
-  const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount;
-  if (shouldReturnParentState) {
-    if (!parentManager)
-      throw "impossible";
-    if (process.env.NODE_ENV === "development" && props.debug === "verbose")
-      console.log("useTheme hasNoThemeUpdatingProps", parentManager.state.name, "isInversingOnMount", isInversingOnMount);
-    return {
-      ...parentManager.state,
-      className: isInversingOnMount ? "" : parentManager.state.className,
-      themeManager: parentManager,
-      isNewTheme: false
-    };
-  }
-  updateState();
-  return {
-    ...state,
-    isNewTheme,
-    themeManager
-  };
-  function createState(prev) {
-    if (prev && (disableUpdate == null ? void 0 : disableUpdate())) {
-      return prev;
-    }
-    const _ = new ThemeManager(props, root ? "root" : parentManager);
-    const isNewTheme2 = _ !== parentManager;
-    const mounted2 = !props.inverse ? true : root || (prev == null ? void 0 : prev.mounted);
-    return {
-      // ThemeManager returns parentManager if no change
-      isNewTheme: isNewTheme2,
-      state: { ..._.state },
-      themeManager: _,
-      mounted: mounted2
-    };
-  }
-  function updateState(updatingManager) {
-    if (disableUpdate == null ? void 0 : disableUpdate()) {
-      return;
-    }
-    const manager = updatingManager ?? themeManager;
-    const next = manager.getState(props, parentManager);
-    const shouldChange = manager.getStateShouldChange(next, isNewTheme ? state : null);
-    if (shouldChange) {
-      setThemeState(createState);
-    } else {
-      if (!next && (parentManager == null ? void 0 : parentManager.state.name) !== state.name) {
-        setThemeState(createState);
-      }
-    }
-  }
-};
-export {
-  activeThemeManagers,
-  getThemeProxied,
-  useChangeThemeEffect,
-  useTheme,
-  useThemeWithState
-};
-//# sourceMappingURL=useTheme.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useTheme.tsx"],
-  "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport { createProxy } from '../helpers/createProxy'\nimport {\n  ThemeManager,\n  ThemeManagerState,\n  hasNoThemeUpdatingProps,\n} from '../helpers/ThemeManager'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { ThemeParsed, ThemeProps } from '../types'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped'\nimport { useServerRef } from './useServerHooks'\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\ninterface UseThemeState {\n  keys: Set<string>\n}\n\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n  return (isRSC ? null : useThemeWithState(props)?.theme) || getDefaultThemeProxied()\n}\n\nexport const useThemeWithState = (props: ThemeProps) => {\n  const state = useServerRef() as React.MutableRefObject<UseThemeState>\n  if (isClient && !state.current) {\n    state.current = {\n      keys: new Set(),\n    }\n  }\n\n  // clear at start of every render to track usages\n  state.current?.keys.clear()\n\n  const changedTheme = useChangeThemeEffect(\n    props,\n    false,\n    isClient\n      ? () => {\n          return props.shouldUpdate?.() ?? state.current.keys.size === 0\n        }\n      : undefined\n  )\n\n  const { themeManager, isNewTheme, theme, name, className } = changedTheme\n\n  if (process.env.NODE_ENV === 'development') {\n    // ensure we aren't creating too many ThemeManagers\n    // prettier-ignore\n    if (isWeb && isNewTheme && className === themeManager?.parentManager?.state.className) {\n      console.error('Should always change, duplicating ThemeMananger bug', themeManager)\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 (!changedTheme.theme) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('No theme found', name, props, themeManager)\n    }\n    return null\n  }\n\n  const proxiedTheme = useMemo(() => {\n    return getThemeProxied(changedTheme as any)\n  }, [theme, isNewTheme, name, className, themeManager])\n\n  return {\n    ...changedTheme,\n    theme: proxiedTheme,\n  }\n}\n\nexport function getThemeProxied({\n  theme,\n  themeManager,\n  state,\n}: Partial<ChangedThemeResponse> & {\n  theme: ThemeParsed\n  state?: React.RefObject<UseThemeState>\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      }\n      if (\n        key === 'undefined' ||\n        key === '__proto__' ||\n        key === '$typeof' ||\n        typeof key !== 'string' ||\n        !themeManager\n      ) {\n        return Reflect.get(_, key)\n      }\n      // auto convert variables to plain\n      if (key[0] === '$') {\n        key = key.slice(1)\n      }\n      const val = themeManager.getValue(key)\n      if (val && state) {\n        if (isClient) {\n          return new Proxy(val as any, {\n            get(_, subkey) {\n              if (subkey === 'val') {\n                state.current!.keys.add(key as any)\n              }\n              return Reflect.get(val as any, subkey)\n            },\n          })\n        }\n      }\n      return val\n    },\n  })\n}\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (\n  props: ThemeProps,\n  root = false,\n  disableUpdate?: () => boolean\n): 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 `\u274C`\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((name, manager) => {\n      //   // console.log('hi', props, state, name, manager)\n      //   if (state.theme !== manager.state.theme) {\n      //     console.warn('now update to', manager.state.name)\n      //     updateState(manager)\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    if (prev && disableUpdate?.()) {\n      return prev\n    }\n    // returns previous theme manager if no change\n    const _ = new ThemeManager(props, root ? 'root' : parentManager)\n    const isNewTheme = _ !== parentManager\n    // prettier-ignore\n\n    // if (prev?.isNewTheme && _.state.theme !== parentManager?.state.theme) {\n    //   console.warn('notify')\n    //   _.notify()\n    // }\n\n    // only inverse relies on this for ssr\n    const mounted = !props.inverse ? true : root || prev?.mounted\n    return {\n      // ThemeManager returns parentManager if no change\n      isNewTheme,\n      state: { ..._.state },\n      themeManager: _,\n      mounted,\n    }\n  }\n\n  function updateState(updatingManager?: ThemeManager) {\n    if (disableUpdate?.()) {\n      return\n    }\n    const manager = updatingManager ?? themeManager\n    const next = manager.getState(props, parentManager)\n    const shouldChange = manager.getStateShouldChange(next, isNewTheme ? state : null)\n    // console.log(`got it`, next, isNewTheme, shouldChange, { ...updatingManager?.state })\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": ["_a", "_", "isNewTheme", "mounted"]
-}

package/dist/esm/hooks/useTheme.mjs

@@ -1,209 +0,0 @@
-import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
-import { useContext, useEffect, useMemo, useState } from "react";
-import { getConfig } from "../config";
-import { isDevTools } from "../constants/isDevTools";
-import { createProxy } from "../helpers/createProxy";
-import {
-  ThemeManager,
-  hasNoThemeUpdatingProps
-} from "../helpers/ThemeManager";
-import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
-import { GetThemeUnwrapped } from "./getThemeUnwrapped";
-import { useServerRef } from "./useServerHooks";
-const emptyProps = { name: null };
-function getDefaultThemeProxied() {
-  const config = getConfig();
-  const name = Object.keys(config.themes)[0];
-  return getThemeProxied({
-    theme: config.themes[name],
-    name
-  });
-}
-const useTheme = (props = emptyProps) => {
-  var _a;
-  return (isRSC ? null : (_a = useThemeWithState(props)) == null ? void 0 : _a.theme) || getDefaultThemeProxied();
-};
-const useThemeWithState = (props) => {
-  var _a, _b;
-  const state = useServerRef();
-  if (isClient && !state.current) {
-    state.current = {
-      keys: /* @__PURE__ */ new Set()
-    };
-  }
-  (_a = state.current) == null ? void 0 : _a.keys.clear();
-  const changedTheme = useChangeThemeEffect(
-    props,
-    false,
-    isClient ? () => {
-      var _a2;
-      return ((_a2 = props.shouldUpdate) == null ? void 0 : _a2.call(props)) ?? state.current.keys.size === 0;
-    } : void 0
-  );
-  const { themeManager, isNewTheme, theme, name, className } = changedTheme;
-  if (process.env.NODE_ENV === "development") {
-    if (isWeb && isNewTheme && className === ((_b = themeManager == null ? void 0 : themeManager.parentManager) == null ? void 0 : _b.state.className)) {
-      console.error("Should always change, duplicating ThemeMananger bug", themeManager);
-    }
-    if (props.debug === "verbose") {
-      console.groupCollapsed("  \u{1F539} useTheme =>", name);
-      const logs = { ...props, name, className, ...isDevTools && { theme } };
-      for (const key in logs) {
-        console.log("  ", key, logs[key]);
-      }
-      console.groupEnd();
-    }
-  }
-  if (!changedTheme.theme) {
-    if (process.env.NODE_ENV === "development") {
-      console.warn("No theme found", name, props, themeManager);
-    }
-    return null;
-  }
-  const proxiedTheme = useMemo(() => {
-    return getThemeProxied(changedTheme);
-  }, [theme, isNewTheme, name, className, themeManager]);
-  return {
-    ...changedTheme,
-    theme: proxiedTheme
-  };
-};
-function getThemeProxied({
-  theme,
-  themeManager,
-  state
-}) {
-  return createProxy(theme, {
-    has(_, key) {
-      if (typeof key === "string") {
-        if (key[0] === "$")
-          key = key.slice(1);
-        return themeManager == null ? void 0 : themeManager.allKeys.has(key);
-      }
-      return Reflect.has(theme, key);
-    },
-    get(_, key) {
-      if (key === GetThemeUnwrapped) {
-        return theme;
-      }
-      if (key === "undefined" || key === "__proto__" || key === "$typeof" || typeof key !== "string" || !themeManager) {
-        return Reflect.get(_, key);
-      }
-      if (key[0] === "$") {
-        key = key.slice(1);
-      }
-      const val = themeManager.getValue(key);
-      if (val && state) {
-        if (isClient) {
-          return new Proxy(val, {
-            get(_2, subkey) {
-              if (subkey === "val") {
-                state.current.keys.add(key);
-              }
-              return Reflect.get(val, subkey);
-            }
-          });
-        }
-      }
-      return val;
-    }
-  });
-}
-const activeThemeManagers = /* @__PURE__ */ new Set();
-const useChangeThemeEffect = (props, root = false, disableUpdate) => {
-  if (isRSC) {
-    return {
-      ...createState().state,
-      themeManager: null
-    };
-  }
-  const parentManager = useContext(ThemeManagerContext);
-  const {
-    debug,
-    // @ts-expect-error internal use only
-    disable
-  } = props;
-  if (disable) {
-    if (!parentManager)
-      throw `\u274C`;
-    return {
-      ...parentManager.state,
-      isNewTheme: false,
-      themeManager: parentManager
-    };
-  }
-  const [themeState, setThemeState] = useState(createState);
-  const { isNewTheme, state, themeManager, mounted } = themeState;
-  if (!isServer) {
-    useEffect(() => {
-      if (disable)
-        return;
-      if (props.inverse && !mounted) {
-        setThemeState({ ...themeState, mounted: true });
-        return;
-      }
-      activeThemeManagers.add(themeManager);
-      return () => {
-        activeThemeManagers.delete(themeManager);
-      };
-    }, [disable, state, isNewTheme, debug]);
-  }
-  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse);
-  const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount;
-  if (shouldReturnParentState) {
-    if (!parentManager)
-      throw "impossible";
-    if (process.env.NODE_ENV === "development" && props.debug === "verbose")
-      console.log("useTheme hasNoThemeUpdatingProps", parentManager.state.name, "isInversingOnMount", isInversingOnMount);
-    return {
-      ...parentManager.state,
-      className: isInversingOnMount ? "" : parentManager.state.className,
-      themeManager: parentManager,
-      isNewTheme: false
-    };
-  }
-  updateState();
-  return {
-    ...state,
-    isNewTheme,
-    themeManager
-  };
-  function createState(prev) {
-    if (prev && (disableUpdate == null ? void 0 : disableUpdate())) {
-      return prev;
-    }
-    const _ = new ThemeManager(props, root ? "root" : parentManager);
-    const isNewTheme2 = _ !== parentManager;
-    const mounted2 = !props.inverse ? true : root || (prev == null ? void 0 : prev.mounted);
-    return {
-      // ThemeManager returns parentManager if no change
-      isNewTheme: isNewTheme2,
-      state: { ..._.state },
-      themeManager: _,
-      mounted: mounted2
-    };
-  }
-  function updateState(updatingManager) {
-    if (disableUpdate == null ? void 0 : disableUpdate()) {
-      return;
-    }
-    const manager = updatingManager ?? themeManager;
-    const next = manager.getState(props, parentManager);
-    const shouldChange = manager.getStateShouldChange(next, isNewTheme ? state : null);
-    if (shouldChange) {
-      setThemeState(createState);
-    } else {
-      if (!next && (parentManager == null ? void 0 : parentManager.state.name) !== state.name) {
-        setThemeState(createState);
-      }
-    }
-  }
-};
-export {
-  activeThemeManagers,
-  getThemeProxied,
-  useChangeThemeEffect,
-  useTheme,
-  useThemeWithState
-};
-//# sourceMappingURL=useTheme.mjs.map

package/dist/esm/hooks/useTheme.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useTheme.tsx"],
-  "sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config'\nimport { isDevTools } from '../constants/isDevTools'\nimport { createProxy } from '../helpers/createProxy'\nimport {\n  ThemeManager,\n  ThemeManagerState,\n  hasNoThemeUpdatingProps,\n} from '../helpers/ThemeManager'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { ThemeParsed, ThemeProps } from '../types'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped'\nimport { useServerRef } from './useServerHooks'\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\ninterface UseThemeState {\n  keys: Set<string>\n}\n\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n  return (isRSC ? null : useThemeWithState(props)?.theme) || getDefaultThemeProxied()\n}\n\nexport const useThemeWithState = (props: ThemeProps) => {\n  const state = useServerRef() as React.MutableRefObject<UseThemeState>\n  if (isClient && !state.current) {\n    state.current = {\n      keys: new Set(),\n    }\n  }\n\n  // clear at start of every render to track usages\n  state.current?.keys.clear()\n\n  const changedTheme = useChangeThemeEffect(\n    props,\n    false,\n    isClient\n      ? () => {\n          return props.shouldUpdate?.() ?? state.current.keys.size === 0\n        }\n      : undefined\n  )\n\n  const { themeManager, isNewTheme, theme, name, className } = changedTheme\n\n  if (process.env.NODE_ENV === 'development') {\n    // ensure we aren't creating too many ThemeManagers\n    // prettier-ignore\n    if (isWeb && isNewTheme && className === themeManager?.parentManager?.state.className) {\n      console.error('Should always change, duplicating ThemeMananger bug', themeManager)\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 (!changedTheme.theme) {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn('No theme found', name, props, themeManager)\n    }\n    return null\n  }\n\n  const proxiedTheme = useMemo(() => {\n    return getThemeProxied(changedTheme as any)\n  }, [theme, isNewTheme, name, className, themeManager])\n\n  return {\n    ...changedTheme,\n    theme: proxiedTheme,\n  }\n}\n\nexport function getThemeProxied({\n  theme,\n  themeManager,\n  state,\n}: Partial<ChangedThemeResponse> & {\n  theme: ThemeParsed\n  state?: React.RefObject<UseThemeState>\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      }\n      if (\n        key === 'undefined' ||\n        key === '__proto__' ||\n        key === '$typeof' ||\n        typeof key !== 'string' ||\n        !themeManager\n      ) {\n        return Reflect.get(_, key)\n      }\n      // auto convert variables to plain\n      if (key[0] === '$') {\n        key = key.slice(1)\n      }\n      const val = themeManager.getValue(key)\n      if (val && state) {\n        if (isClient) {\n          return new Proxy(val as any, {\n            get(_, subkey) {\n              if (subkey === 'val') {\n                state.current!.keys.add(key as any)\n              }\n              return Reflect.get(val as any, subkey)\n            },\n          })\n        }\n      }\n      return val\n    },\n  })\n}\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (\n  props: ThemeProps,\n  root = false,\n  disableUpdate?: () => boolean\n): 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 `\u274C`\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((name, manager) => {\n      //   // console.log('hi', props, state, name, manager)\n      //   if (state.theme !== manager.state.theme) {\n      //     console.warn('now update to', manager.state.name)\n      //     updateState(manager)\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    if (prev && disableUpdate?.()) {\n      return prev\n    }\n    // returns previous theme manager if no change\n    const _ = new ThemeManager(props, root ? 'root' : parentManager)\n    const isNewTheme = _ !== parentManager\n    // prettier-ignore\n\n    // if (prev?.isNewTheme && _.state.theme !== parentManager?.state.theme) {\n    //   console.warn('notify')\n    //   _.notify()\n    // }\n\n    // only inverse relies on this for ssr\n    const mounted = !props.inverse ? true : root || prev?.mounted\n    return {\n      // ThemeManager returns parentManager if no change\n      isNewTheme,\n      state: { ..._.state },\n      themeManager: _,\n      mounted,\n    }\n  }\n\n  function updateState(updatingManager?: ThemeManager) {\n    if (disableUpdate?.()) {\n      return\n    }\n    const manager = updatingManager ?? themeManager\n    const next = manager.getState(props, parentManager)\n    const shouldChange = manager.getStateShouldChange(next, isNewTheme ? state : null)\n    // console.log(`got it`, next, isNewTheme, shouldChange, { ...updatingManager?.state })\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": ["_a", "_", "isNewTheme", "mounted"]
-}

package/dist/esm/hooks/useThemeName.js

@@ -1,28 +0,0 @@
-import { isRSC, useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { useContext, useState } from "react";
-import { getConfig } from "../config";
-import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
-function useThemeName(opts) {
-  if (isRSC) {
-    const config = getConfig();
-    return config.themes[Object.keys(config.themes)[0]];
-  }
-  const manager = useContext(ThemeManagerContext);
-  const [name, setName] = useState((manager == null ? void 0 : manager.state.name) || "");
-  useIsomorphicLayoutEffect(() => {
-    if (!manager)
-      return;
-    setName(manager.state.name);
-    return manager.onChangeTheme((next, manager2) => {
-      const name2 = (opts == null ? void 0 : opts.parent) ? manager2.state.parentName || next : next;
-      if (!name2)
-        return;
-      setName(name2);
-    });
-  }, [manager == null ? void 0 : manager.state.name]);
-  return name;
-}
-export {
-  useThemeName
-};
-//# sourceMappingURL=useThemeName.js.map

package/dist/esm/hooks/useThemeName.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useThemeName.tsx"],
-  "sourcesContent": ["import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useContext, useState } from 'react'\n\nimport { getConfig } from '../config'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { ThemeName } from '../types'\n\nexport function useThemeName(opts?: { parent?: true }): ThemeName {\n  if (isRSC) {\n    const config = getConfig()\n    return config.themes[Object.keys(config.themes)[0]] as any\n  }\n  const manager = useContext(ThemeManagerContext)\n  const [name, setName] = useState(manager?.state.name || '')\n\n  useIsomorphicLayoutEffect(() => {\n    if (!manager) return\n    setName(manager.state.name)\n    return manager.onChangeTheme((next, manager) => {\n      const name = opts?.parent ? manager.state.parentName || next : next\n      if (!name) return\n      setName(name)\n    })\n  }, [manager?.state.name])\n\n  return name\n}\n"],
-  "mappings": "AAAA,SAAS,OAAO,iCAAiC;AACjD,SAAS,YAAY,gBAAgB;AAErC,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAG7B,SAAS,aAAa,MAAqC;AAChE,MAAI,OAAO;AACT,UAAM,SAAS,UAAU;AACzB,WAAO,OAAO,OAAO,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,CAAC;AAAA,EACpD;AACA,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,CAAC,MAAM,OAAO,IAAI,UAAS,mCAAS,MAAM,SAAQ,EAAE;AAE1D,4BAA0B,MAAM;AAC9B,QAAI,CAAC;AAAS;AACd,YAAQ,QAAQ,MAAM,IAAI;AAC1B,WAAO,QAAQ,cAAc,CAAC,MAAMA,aAAY;AAC9C,YAAMC,SAAO,6BAAM,UAASD,SAAQ,MAAM,cAAc,OAAO;AAC/D,UAAI,CAACC;AAAM;AACX,cAAQA,KAAI;AAAA,IACd,CAAC;AAAA,EACH,GAAG,CAAC,mCAAS,MAAM,IAAI,CAAC;AAExB,SAAO;AACT;",
-  "names": ["manager", "name"]
-}

package/dist/esm/hooks/useThemeName.mjs

@@ -1,28 +0,0 @@
-import { isRSC, useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { useContext, useState } from "react";
-import { getConfig } from "../config";
-import { ThemeManagerContext } from "../helpers/ThemeManagerContext";
-function useThemeName(opts) {
-  if (isRSC) {
-    const config = getConfig();
-    return config.themes[Object.keys(config.themes)[0]];
-  }
-  const manager = useContext(ThemeManagerContext);
-  const [name, setName] = useState((manager == null ? void 0 : manager.state.name) || "");
-  useIsomorphicLayoutEffect(() => {
-    if (!manager)
-      return;
-    setName(manager.state.name);
-    return manager.onChangeTheme((next, manager2) => {
-      const name2 = (opts == null ? void 0 : opts.parent) ? manager2.state.parentName || next : next;
-      if (!name2)
-        return;
-      setName(name2);
-    });
-  }, [manager == null ? void 0 : manager.state.name]);
-  return name;
-}
-export {
-  useThemeName
-};
-//# sourceMappingURL=useThemeName.mjs.map

package/dist/esm/hooks/useThemeName.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/hooks/useThemeName.tsx"],
-  "sourcesContent": ["import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useContext, useState } from 'react'\n\nimport { getConfig } from '../config'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext'\nimport { ThemeName } from '../types'\n\nexport function useThemeName(opts?: { parent?: true }): ThemeName {\n  if (isRSC) {\n    const config = getConfig()\n    return config.themes[Object.keys(config.themes)[0]] as any\n  }\n  const manager = useContext(ThemeManagerContext)\n  const [name, setName] = useState(manager?.state.name || '')\n\n  useIsomorphicLayoutEffect(() => {\n    if (!manager) return\n    setName(manager.state.name)\n    return manager.onChangeTheme((next, manager) => {\n      const name = opts?.parent ? manager.state.parentName || next : next\n      if (!name) return\n      setName(name)\n    })\n  }, [manager?.state.name])\n\n  return name\n}\n"],
-  "mappings": "AAAA,SAAS,OAAO,iCAAiC;AACjD,SAAS,YAAY,gBAAgB;AAErC,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAG7B,SAAS,aAAa,MAAqC;AAChE,MAAI,OAAO;AACT,UAAM,SAAS,UAAU;AACzB,WAAO,OAAO,OAAO,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,CAAC;AAAA,EACpD;AACA,QAAM,UAAU,WAAW,mBAAmB;AAC9C,QAAM,CAAC,MAAM,OAAO,IAAI,UAAS,mCAAS,MAAM,SAAQ,EAAE;AAE1D,4BAA0B,MAAM;AAC9B,QAAI,CAAC;AAAS;AACd,YAAQ,QAAQ,MAAM,IAAI;AAC1B,WAAO,QAAQ,cAAc,CAAC,MAAMA,aAAY;AAC9C,YAAMC,SAAO,6BAAM,UAASD,SAAQ,MAAM,cAAc,OAAO;AAC/D,UAAI,CAACC;AAAM;AACX,cAAQA,KAAI;AAAA,IACd,CAAC;AAAA,EACH,GAAG,CAAC,mCAAS,MAAM,IAAI,CAAC;AAExB,SAAO;AACT;",
-  "names": ["manager", "name"]
-}

package/dist/esm/insertFont.js

@@ -1,67 +0,0 @@
-import { setConfigFont } from "./config";
-import { createFont } from "./createFont";
-import { createVariables } from "./createVariables";
-import { registerCSSVariable, variableToCSS } from "./helpers/registerCSSVariable";
-function insertFont(name, fontIn) {
-  const font = createFont(fontIn);
-  const tokened = createVariables(font, name);
-  const parsed = parseFont(tokened);
-  if (process.env.TAMAGUI_TARGET === "web" && typeof document !== "undefined") {
-    const fontVars = registerFontVariables(parsed);
-    const style = document.createElement("style");
-    style.innerText = `:root .font_${name} {${fontVars.join(";")}}`;
-    style.setAttribute("data-tamagui-font", name);
-    document.head.appendChild(style);
-  }
-  setConfigFont(name, tokened, parsed);
-  return parsed;
-}
-function parseFont(definition) {
-  var _a;
-  const parsed = {};
-  for (const attrKey in definition) {
-    const attr = definition[attrKey];
-    if (attrKey === "family" || attrKey === "face") {
-      parsed[attrKey] = attr;
-      continue;
-    }
-    parsed[attrKey] = {};
-    for (const key in attr) {
-      let val = attr[key];
-      if (((_a = val.val) == null ? void 0 : _a[0]) === "$") {
-        val = val.val;
-      }
-      parsed[attrKey][`$${key}`] = val;
-    }
-  }
-  return parsed;
-}
-function registerFontVariables(parsedFont) {
-  const response = [];
-  for (const fkey in parsedFont) {
-    if (fkey === "face")
-      continue;
-    if (fkey === "family") {
-      const val = parsedFont[fkey];
-      registerCSSVariable(val);
-      response.push(variableToCSS(val));
-    } else {
-      for (const fskey in parsedFont[fkey]) {
-        const fval = parsedFont[fkey][fskey];
-        if (typeof fval === "string") {
-        } else {
-          const val = parsedFont[fkey][fskey];
-          registerCSSVariable(val);
-          response.push(variableToCSS(val));
-        }
-      }
-    }
-  }
-  return response;
-}
-export {
-  insertFont,
-  parseFont,
-  registerFontVariables
-};
-//# sourceMappingURL=insertFont.js.map

package/dist/esm/insertFont.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/insertFont.ts"],
-  "sourcesContent": ["import { setConfigFont } from './config'\nimport { createFont } from './createFont'\nimport { Variable } from './createVariable'\nimport { DeepVariableObject, createVariables } from './createVariables'\nimport { registerCSSVariable, variableToCSS } from './helpers/registerCSSVariable'\nimport { GenericFont } from './types'\n\n/**\n * Runtime dynamic insert font\n */\nexport function insertFont<A extends GenericFont>(\n  name: string,\n  fontIn: A\n): DeepVariableObject<A> {\n  const font = createFont(fontIn)\n  const tokened = createVariables(font, name) as GenericFont\n  const parsed = parseFont(tokened) as DeepVariableObject<A>\n  if (process.env.TAMAGUI_TARGET === 'web' && typeof document !== 'undefined') {\n    const fontVars = registerFontVariables(parsed)\n    const style = document.createElement('style')\n    style.innerText = `:root .font_${name} {${fontVars.join(';')}}`\n    style.setAttribute('data-tamagui-font', name)\n    document.head.appendChild(style)\n  }\n  setConfigFont(name, tokened, parsed)\n  return parsed\n}\n\nexport function parseFont<A extends GenericFont>(definition: A): DeepVariableObject<A> {\n  const parsed: any = {}\n  for (const attrKey in definition) {\n    const attr = definition[attrKey]\n    if (attrKey === 'family' || attrKey === 'face') {\n      parsed[attrKey] = attr\n      continue\n    }\n    parsed[attrKey] = {}\n    for (const key in attr) {\n      let val = attr[key] as any\n      // is a theme reference\n      if (val.val?.[0] === '$') {\n        val = val.val\n      }\n      parsed[attrKey][`$${key}`] = val\n    }\n  }\n  return parsed\n}\n\nexport function registerFontVariables(parsedFont: any) {\n  const response: string[] = []\n\n  for (const fkey in parsedFont) {\n    if (fkey === 'face') continue\n    if (fkey === 'family') {\n      const val = parsedFont[fkey] as Variable\n      registerCSSVariable(val)\n      response.push(variableToCSS(val))\n    } else {\n      for (const fskey in parsedFont[fkey]) {\n        const fval = parsedFont[fkey][fskey]\n        if (typeof fval === 'string') {\n          // no need to add its a theme reference like \"$borderColor\"\n        } else {\n          const val = parsedFont[fkey][fskey] as Variable\n          registerCSSVariable(val)\n          response.push(variableToCSS(val))\n        }\n      }\n    }\n  }\n  return response\n}\n"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B,SAA6B,uBAAuB;AACpD,SAAS,qBAAqB,qBAAqB;AAM5C,SAAS,WACd,MACA,QACuB;AACvB,QAAM,OAAO,WAAW,MAAM;AAC9B,QAAM,UAAU,gBAAgB,MAAM,IAAI;AAC1C,QAAM,SAAS,UAAU,OAAO;AAChC,MAAI,QAAQ,IAAI,mBAAmB,SAAS,OAAO,aAAa,aAAa;AAC3E,UAAM,WAAW,sBAAsB,MAAM;AAC7C,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,UAAM,YAAY,eAAe,SAAS,SAAS,KAAK,GAAG;AAC3D,UAAM,aAAa,qBAAqB,IAAI;AAC5C,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC;AACA,gBAAc,MAAM,SAAS,MAAM;AACnC,SAAO;AACT;AAEO,SAAS,UAAiC,YAAsC;AA5BvF;AA6BE,QAAM,SAAc,CAAC;AACrB,aAAW,WAAW,YAAY;AAChC,UAAM,OAAO,WAAW,OAAO;AAC/B,QAAI,YAAY,YAAY,YAAY,QAAQ;AAC9C,aAAO,OAAO,IAAI;AAClB;AAAA,IACF;AACA,WAAO,OAAO,IAAI,CAAC;AACnB,eAAW,OAAO,MAAM;AACtB,UAAI,MAAM,KAAK,GAAG;AAElB,YAAI,SAAI,QAAJ,mBAAU,QAAO,KAAK;AACxB,cAAM,IAAI;AAAA,MACZ;AACA,aAAO,OAAO,EAAE,IAAI,KAAK,IAAI;AAAA,IAC/B;AAAA,EACF;AACA,SAAO;AACT;AAEO,SAAS,sBAAsB,YAAiB;AACrD,QAAM,WAAqB,CAAC;AAE5B,aAAW,QAAQ,YAAY;AAC7B,QAAI,SAAS;AAAQ;AACrB,QAAI,SAAS,UAAU;AACrB,YAAM,MAAM,WAAW,IAAI;AAC3B,0BAAoB,GAAG;AACvB,eAAS,KAAK,cAAc,GAAG,CAAC;AAAA,IAClC,OAAO;AACL,iBAAW,SAAS,WAAW,IAAI,GAAG;AACpC,cAAM,OAAO,WAAW,IAAI,EAAE,KAAK;AACnC,YAAI,OAAO,SAAS,UAAU;AAAA,QAE9B,OAAO;AACL,gBAAM,MAAM,WAAW,IAAI,EAAE,KAAK;AAClC,8BAAoB,GAAG;AACvB,mBAAS,KAAK,cAAc,GAAG,CAAC;AAAA,QAClC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
-  "names": []
-}