@tamagui/web 1.14.1 → 1.14.2

package/dist/esm/hooks/useTheme.mjs

@@ -1,2 +1,251 @@
-import{isClient as V,isRSC as P,isServer as b,isWeb as v}from"@tamagui/constants";import{useContext as $,useEffect as j,useLayoutEffect as B,useMemo as I,useState as W}from"react";import{getConfig as G}from"../config.js";import{isDevTools as K}from"../constants/isDevTools.js";import{createProxy as q}from"../helpers/createProxy.js";import{ThemeManager as z}from"../helpers/ThemeManager.js";import{ThemeManagerContext as A}from"../helpers/ThemeManagerContext.js";import{GetThemeUnwrapped as F}from"./getThemeUnwrapped.js";import{useServerRef as H}from"./useServerHooks.js";const J={name:null};function L(){const t=G(),r=Object.keys(t.themes)[0];return C({theme:t.themes[r],name:r})}const me=(t=J)=>{var r;return(P?null:(r=Q(t))==null?void 0:r.theme)||L()},Q=t=>{const r=H([]),a=X(t,!1,r.current,V?()=>{var m;return((m=t.shouldUpdate)==null?void 0:m.call(t))??r.current.length===0}:void 0),{themeManager:s,theme:e,name:u,className:h}=a;if(process.env.NODE_ENV==="development"&&t.debug==="verbose"){console.groupCollapsed("  \u{1F539} useTheme =>",u);const m={...t,name:u,className:h,...K&&{theme:e}};for(const c in m)console.log("  ",c,m[c]);console.groupEnd()}if(!a.theme)return process.env.NODE_ENV==="development"&&console.warn("No theme found",u,t,s),null;const f=I(()=>C(a,r.current),[e,u,h,s]);return{...a,theme:f}};function C({theme:t,themeManager:r},a){return q(t,{has(s,e){return typeof e=="string"?(e[0]==="$"&&(e=e.slice(1)),r==null?void 0:r.allKeys.has(e)):Reflect.has(t,e)},get(s,e){if(e===F)return t;if(e==="__proto__"||e==="$typeof"||typeof e!="string"||!r)return Reflect.get(s,e);const u=e[0]==="$"?e.slice(1):e,h=r.getValue(u);return h&&a?new Proxy(h,{get(f,m){return m==="val"&&!a.includes(u)&&a.push(u),Reflect.get(h,m)}}):h}})}const E=new Set,X=(t,r=!1,a,s)=>{if(P)return{isNewTheme:!1,...T().state,themeManager:null};const e=$(A),{debug:u,disable:h}=t;if(h){if(!e)throw"\u274C";return{isNewTheme:!1,...e.state,themeManager:e}}const[f,m]=W(T),{state:c,themeManager:i,mounted:_,isNewTheme:l}=f,N=Boolean(!f.mounted&&t.inverse),R=N;function D(n=i){return n.getState(t,e===i?e.parentManager:e)}function x(n=i){const o=D(n);if(o&&(s==null?void 0:s())!==!0&&n.getStateShouldChange(o,c))return o}if(b||(j(()=>{if(t.inverse&&!_){m({...f,mounted:!0});return}if(l&&i)return E.add(i),()=>{E.delete(i)}},[l,i,c,u]),B(()=>{const n=x(i);n&&(l&&i.updateState(n,!0),m(T));const o=e==null?void 0:e.onChangeTheme((g,d)=>{(a!=null&&a.length||l)&&(process.env.NODE_ENV==="development"&&t.debug&&(a!=null&&a.length)&&console.log("onChangeTheme",{props:t,name:g,manager:d,parentManager:e,keys:a}),m(T))});return()=>{o==null||o()}},[e,l,t.componentName,t.inverse,t.name,t.reset])),R){if(!e)throw"impossible";return{isNewTheme:!1,...e.state,className:N?"":e.state.className,themeManager:e}}return{...c,isNewTheme:l,themeManager:i};function T(n){if(n&&(s!=null&&s()))return n;let o,g;const d=()=>new z(t,r?"root":e);if(n!=null&&n.themeManager){o=n.themeManager;const S=x(o);S&&(g=S,!n.isNewTheme||!v?o=d():o.updateState(S,!0))}else o=d();const M=Boolean(o!==e||n&&o.state.name!==n.state.name),O=t.inverse?r||(n==null?void 0:n.mounted):!0;g||(g=M?{...o.state}:{...e.state});const w={state:g,themeManager:o,isNewTheme:M,mounted:O};return process.env.NODE_ENV==="development"&&t.debug&&(console.groupCollapsed(" \u{1F537} useChangeThemeEffect createState"),console.log({props:t,parentManager:e,themeManager:o,prev:n,response:w}),console.groupEnd()),w}};export{E as activeThemeManagers,C as getThemeProxied,X as useChangeThemeEffect,me as useTheme,Q as useThemeWithState};
+import { isClient, isRSC, isServer, isWeb } from "@tamagui/constants";
+import { useContext, useEffect, useLayoutEffect, useMemo, useState } from "react";
+import { getConfig } from "../config.js";
+import { isDevTools } from "../constants/isDevTools.js";
+import { createProxy } from "../helpers/createProxy.js";
+import {
+  ThemeManager
+} from "../helpers/ThemeManager.js";
+import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
+import { GetThemeUnwrapped } from "./getThemeUnwrapped.js";
+import { useServerRef } from "./useServerHooks.js";
+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) => {
+  const keys = useServerRef([]);
+  const changedTheme = useChangeThemeEffect(
+    props,
+    false,
+    keys.current,
+    isClient ? () => {
+      var _a;
+      return ((_a = props.shouldUpdate) == null ? void 0 : _a.call(props)) ?? keys.current.length === 0;
+    } : void 0
+  );
+  const { themeManager, theme, name, className } = changedTheme;
+  if (process.env.NODE_ENV === "development" && 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, keys.current);
+  }, [theme, name, className, themeManager]);
+  return {
+    ...changedTheme,
+    theme: proxiedTheme
+  };
+};
+function getThemeProxied({
+  theme,
+  themeManager
+}, keys) {
+  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 === "__proto__" || key === "$typeof" || typeof key !== "string" || !themeManager) {
+        return Reflect.get(_, key);
+      }
+      const keyString = key[0] === "$" ? key.slice(1) : key;
+      const val = themeManager.getValue(keyString);
+      if (val && keys) {
+        return new Proxy(val, {
+          // when they touch the actual value we only track it
+          // if its a variable (web), its ignored!
+          get(_2, subkey) {
+            if (subkey === "val" && !keys.includes(keyString)) {
+              keys.push(keyString);
+            }
+            return Reflect.get(val, subkey);
+          }
+        });
+      }
+      return val;
+    }
+  });
+}
+const activeThemeManagers = /* @__PURE__ */ new Set();
+const useChangeThemeEffect = (props, root = false, keys, disableUpdate) => {
+  if (isRSC) {
+    return {
+      isNewTheme: false,
+      ...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 {
+      isNewTheme: false,
+      ...parentManager.state,
+      themeManager: parentManager
+    };
+  }
+  const [themeState, setThemeState] = useState(createState);
+  const { state, themeManager, mounted, isNewTheme } = themeState;
+  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse);
+  const shouldReturnParentState = isInversingOnMount;
+  function getNextThemeManagerState(manager = themeManager) {
+    const next = manager.getState(
+      props,
+      parentManager === themeManager ? parentManager.parentManager : parentManager
+    );
+    return next;
+  }
+  function getThemeManagerNextStateIfChanged(manager = themeManager) {
+    const next = getNextThemeManagerState(manager);
+    if (!next)
+      return;
+    if ((disableUpdate == null ? void 0 : disableUpdate()) === true)
+      return;
+    if (!manager.getStateShouldChange(next, state))
+      return;
+    return next;
+  }
+  if (!isServer) {
+    useEffect(() => {
+      if (props.inverse && !mounted) {
+        setThemeState({ ...themeState, mounted: true });
+        return;
+      }
+      if (!isNewTheme)
+        return;
+      if (!themeManager)
+        return;
+      activeThemeManagers.add(themeManager);
+      return () => {
+        activeThemeManagers.delete(themeManager);
+      };
+    }, [isNewTheme, themeManager, state, debug]);
+    useLayoutEffect(() => {
+      const nextState = getThemeManagerNextStateIfChanged(themeManager);
+      if (nextState) {
+        if (isNewTheme) {
+          themeManager.updateState(nextState, true);
+        }
+        setThemeState(createState);
+      }
+      const disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme((name, manager) => {
+        if ((keys == null ? void 0 : keys.length) || isNewTheme) {
+          if (process.env.NODE_ENV === "development" && props["debug"] && (keys == null ? void 0 : keys.length)) {
+            console.log(`onChangeTheme`, { props, name, manager, parentManager, keys });
+          }
+          setThemeState(createState);
+        }
+      });
+      return () => {
+        disposeChangeListener == null ? void 0 : disposeChangeListener();
+      };
+    }, [
+      parentManager,
+      isNewTheme,
+      props.componentName,
+      props.inverse,
+      props.name,
+      props.reset
+    ]);
+  }
+  if (shouldReturnParentState) {
+    if (!parentManager)
+      throw "impossible";
+    return {
+      isNewTheme: false,
+      ...parentManager.state,
+      className: isInversingOnMount ? "" : parentManager.state.className,
+      themeManager: parentManager
+    };
+  }
+  return {
+    ...state,
+    isNewTheme,
+    themeManager
+  };
+  function createState(prev) {
+    if (prev && (disableUpdate == null ? void 0 : disableUpdate())) {
+      return prev;
+    }
+    let themeManager2;
+    let state2;
+    const getNewThemeManager = () => {
+      return new ThemeManager(props, root ? "root" : parentManager);
+    };
+    if (prev == null ? void 0 : prev.themeManager) {
+      themeManager2 = prev.themeManager;
+      const nextState = getThemeManagerNextStateIfChanged(themeManager2);
+      if (nextState) {
+        state2 = nextState;
+        if (!prev.isNewTheme || !isWeb) {
+          themeManager2 = getNewThemeManager();
+        } else {
+          themeManager2.updateState(nextState, true);
+        }
+      }
+    } else {
+      themeManager2 = getNewThemeManager();
+    }
+    const isNewTheme2 = Boolean(
+      themeManager2 !== parentManager || prev && themeManager2.state.name !== prev.state.name
+    );
+    const mounted2 = !props.inverse ? true : root || (prev == null ? void 0 : prev.mounted);
+    if (!state2) {
+      state2 = isNewTheme2 ? { ...themeManager2.state } : { ...parentManager.state };
+    }
+    const response = {
+      state: state2,
+      themeManager: themeManager2,
+      isNewTheme: isNewTheme2,
+      mounted: mounted2
+    };
+    if (process.env.NODE_ENV === "development" && props["debug"]) {
+      console.groupCollapsed(` \u{1F537} useChangeThemeEffect createState`);
+      console.log({ props, parentManager, themeManager: themeManager2, prev, response });
+      console.groupEnd();
+    }
+    return response;
+  }
+};
+export {
+  activeThemeManagers,
+  getThemeProxied,
+  useChangeThemeEffect,
+  useTheme,
+  useThemeWithState
+};
 //# sourceMappingURL=useTheme.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useTheme.tsx"],
   "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.js'\nimport { isDevTools } from '../constants/isDevTools.js'\nimport { isVariable } from '../createVariable.js'\nimport { createProxy } from '../helpers/createProxy.js'\nimport {\n  ThemeManager,\n  ThemeManagerState,\n  hasNoThemeUpdatingProps,\n} from '../helpers/ThemeManager.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport type { ThemeParsed, ThemeProps } from '../types.js'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped.js'\nimport { useServerRef } from './useServerHooks.js'\n\nexport type ChangedThemeResponse = {\n  isNewTheme: boolean\n  themeManager: ThemeManager | null\n  name: string\n  theme?: ThemeParsed | null\n  className?: string\n}\n\ntype State = {\n  state: ThemeManagerState\n  themeManager: ThemeManager\n  isNewTheme: boolean\n  mounted?: boolean\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  return (isRSC ? null : useThemeWithState(props)?.theme) || getDefaultThemeProxied()\n}\n\nexport const useThemeWithState = (props: ThemeProps) => {\n  const keys = useServerRef<string[]>([])\n\n  const changedTheme = useChangeThemeEffect(\n    props,\n    false,\n    keys.current,\n    isClient\n      ? () => {\n          return props.shouldUpdate?.() ?? keys.current.length === 0\n        }\n      : undefined\n  )\n\n  const { themeManager, theme, name, className } = changedTheme\n\n  if (process.env.NODE_ENV === 'development' && 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  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, keys.current)\n  }, [theme, name, className, themeManager])\n\n  return {\n    ...changedTheme,\n    theme: proxiedTheme,\n  }\n}\n\nexport function getThemeProxied(\n  {\n    theme,\n    themeManager,\n  }: Partial<ChangedThemeResponse> & {\n    theme: ThemeParsed\n  },\n  keys?: string[]\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 === '__proto__' ||\n        key === '$typeof' ||\n        typeof key !== 'string' ||\n        !themeManager\n      ) {\n        return Reflect.get(_, key)\n      }\n\n      // auto convert variables to plain\n      const keyString = key[0] === '$' ? key.slice(1) : key\n      const val = themeManager.getValue(keyString)\n\n      if (val && keys) {\n        return new Proxy(val as any, {\n          // when they touch the actual value we only track it\n          // if its a variable (web), its ignored!\n          get(_, subkey) {\n            if (subkey === 'val' && !keys.includes(keyString)) {\n              keys.push(keyString)\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  keys?: string[],\n  disableUpdate?: () => boolean\n): ChangedThemeResponse => {\n  if (isRSC) {\n    // we need context working for this to work well\n    return {\n      isNewTheme: false,\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      isNewTheme: false,\n      ...parentManager.state,\n      themeManager: parentManager,\n    }\n  }\n\n  const [themeState, setThemeState] = useState<State>(createState)\n  const { state, themeManager, mounted, isNewTheme } = themeState\n  const isInversingOnMount = Boolean(!themeState.mounted && props.inverse)\n  const shouldReturnParentState = isInversingOnMount\n\n  function getNextThemeManagerState(manager = themeManager) {\n    const next = manager.getState(\n      props,\n      parentManager === themeManager ? parentManager.parentManager : parentManager\n    )\n    return next\n  }\n\n  function getThemeManagerNextStateIfChanged(manager = themeManager) {\n    const next = getNextThemeManagerState(manager)\n    if (!next) return\n    if (disableUpdate?.() === true) return\n    if (!manager.getStateShouldChange(next, state)) return\n    return next\n  }\n\n  if (!isServer) {\n    useEffect(() => {\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\n      if (!isNewTheme) return\n      if (!themeManager) return\n\n      activeThemeManagers.add(themeManager)\n\n      return () => {\n        activeThemeManagers.delete(themeManager)\n      }\n    }, [isNewTheme, themeManager, state, debug])\n\n    // listen for parent change + notify children change\n    useLayoutEffect(() => {\n      const nextState = getThemeManagerNextStateIfChanged(themeManager)\n\n      if (nextState) {\n        if (isNewTheme) {\n          // if it's a new theme we can just update + publish to children\n          themeManager.updateState(nextState, true)\n        }\n        // if not we will be creating a whole new themeManager\n        setThemeState(createState)\n      }\n\n      const disposeChangeListener = parentManager?.onChangeTheme((name, manager) => {\n        if (keys?.length || isNewTheme) {\n          if (process.env.NODE_ENV === 'development' && props['debug'] && keys?.length) {\n            console.log(`onChangeTheme`, { props, name, manager, parentManager, keys })\n          }\n          setThemeState(createState)\n        }\n      })\n\n      return () => {\n        disposeChangeListener?.()\n      }\n    }, [\n      parentManager,\n      isNewTheme,\n      props.componentName,\n      props.inverse,\n      props.name,\n      props.reset,\n    ])\n  }\n\n  if (shouldReturnParentState) {\n    if (!parentManager) throw 'impossible'\n    return {\n      isNewTheme: false,\n      ...parentManager.state,\n      className: isInversingOnMount ? '' : parentManager.state.className,\n      themeManager: parentManager,\n    }\n  }\n\n  return {\n    ...state,\n    isNewTheme,\n    themeManager,\n  }\n\n  function createState(prev?: State): State {\n    if (prev && disableUpdate?.()) {\n      return prev\n    }\n\n    //  returns previous theme manager if no change\n    let themeManager: ThemeManager\n    let state: ThemeManagerState | undefined\n\n    const getNewThemeManager = () => {\n      return new ThemeManager(props, root ? 'root' : parentManager)\n    }\n\n    if (prev?.themeManager) {\n      themeManager = prev.themeManager\n\n      const nextState = getThemeManagerNextStateIfChanged(themeManager)\n\n      if (nextState) {\n        state = nextState\n\n        if (!prev.isNewTheme || !isWeb) {\n          themeManager = getNewThemeManager()\n        } else {\n          themeManager.updateState(nextState, true)\n        }\n      }\n    } else {\n      themeManager = getNewThemeManager()\n    }\n\n    const isNewTheme = Boolean(\n      themeManager !== parentManager ||\n        (prev && themeManager.state.name !== prev.state.name)\n    )\n\n    // only inverse relies on this for ssr\n    const mounted = !props.inverse ? true : root || prev?.mounted\n\n    if (!state) {\n      state = isNewTheme ? { ...themeManager.state } : { ...parentManager!.state }\n    }\n\n    const response = {\n      state,\n      themeManager,\n      isNewTheme,\n      mounted,\n    }\n\n    if (process.env.NODE_ENV === 'development' && props['debug']) {\n      console.groupCollapsed(` \uD83D\uDD37 useChangeThemeEffect createState`)\n      console.log({ props, parentManager, themeManager, prev, response })\n      console.groupEnd()\n    }\n\n    return response\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["isClient", "isRSC", "isServer", "isWeb", "useContext", "useEffect", "useLayoutEffect", "useMemo", "useState", "getConfig", "isDevTools", "createProxy", "ThemeManager", "ThemeManagerContext", "GetThemeUnwrapped", "useServerRef", "emptyProps", "getDefaultThemeProxied", "config", "name", "getThemeProxied", "useTheme", "props", "_a", "useThemeWithState", "keys", "changedTheme", "useChangeThemeEffect", "themeManager", "theme", "className", "logs", "key", "proxiedTheme", "_", "keyString", "val", "subkey", "activeThemeManagers", "root", "disableUpdate", "createState", "parentManager", "debug", "disable", "themeState", "setThemeState", "state", "mounted", "isNewTheme", "isInversingOnMount", "shouldReturnParentState", "getNextThemeManagerState", "manager", "getThemeManagerNextStateIfChanged", "next", "nextState", "disposeChangeListener", "prev", "getNewThemeManager", "response"]
+  "mappings": "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",
+  "names": ["_", "themeManager", "state", "isNewTheme", "mounted"]
 }

package/dist/esm/hooks/useThemeName.js

@@ -1,2 +1,28 @@
-import{isRSC as s,useIsomorphicLayoutEffect as f}from"@tamagui/constants";import{useContext as i,useState as u}from"react";import{getConfig as c}from"../config.js";import{ThemeManagerContext as h}from"../helpers/ThemeManagerContext.js";function x(m){if(s){const t=c();return t.themes[Object.keys(t.themes)[0]]}const e=i(h),[o,r]=u((e==null?void 0:e.state.name)||"");return f(()=>{if(e)return r(e.state.name),e.onChangeTheme((t,a)=>{const n=m!=null&&m.parent&&a.state.parentName||t;n&&r(n)})},[e==null?void 0:e.state.name]),o}export{x as useThemeName};
+import { isRSC, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { useContext, useState } from "react";
+import { getConfig } from "../config.js";
+import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
+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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useThemeName.tsx"],
   "sourcesContent": ["import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useContext, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport { ThemeName } from '../types.js'\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,OAAS,SAAAA,EAAO,6BAAAC,MAAiC,qBACjD,OAAS,cAAAC,EAAY,YAAAC,MAAgB,QAErC,OAAS,aAAAC,MAAiB,eAC1B,OAAS,uBAAAC,MAA2B,oCAG7B,SAASC,EAAaC,EAAqC,CAChE,GAAIP,EAAO,CACT,MAAMQ,EAASJ,EAAU,EACzB,OAAOI,EAAO,OAAO,OAAO,KAAKA,EAAO,MAAM,EAAE,CAAC,CAAC,CACpD,CACA,MAAMC,EAAUP,EAAWG,CAAmB,EACxC,CAACK,EAAMC,CAAO,EAAIR,GAASM,GAAA,YAAAA,EAAS,MAAM,OAAQ,EAAE,EAE1D,OAAAR,EAA0B,IAAM,CAC9B,GAAKQ,EACL,OAAAE,EAAQF,EAAQ,MAAM,IAAI,EACnBA,EAAQ,cAAc,CAACG,EAAMH,IAAY,CAC9C,MAAMC,EAAOH,GAAA,MAAAA,EAAM,QAASE,EAAQ,MAAM,YAAcG,EACnDF,GACLC,EAAQD,CAAI,CACd,CAAC,CACH,EAAG,CAACD,GAAA,YAAAA,EAAS,MAAM,IAAI,CAAC,EAEjBC,CACT",
-  "names": ["isRSC", "useIsomorphicLayoutEffect", "useContext", "useState", "getConfig", "ThemeManagerContext", "useThemeName", "opts", "config", "manager", "name", "setName", "next"]
+  "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,2 +1,28 @@
-import{isRSC as s,useIsomorphicLayoutEffect as f}from"@tamagui/constants";import{useContext as i,useState as u}from"react";import{getConfig as c}from"../config.js";import{ThemeManagerContext as h}from"../helpers/ThemeManagerContext.js";function x(m){if(s){const t=c();return t.themes[Object.keys(t.themes)[0]]}const e=i(h),[o,r]=u((e==null?void 0:e.state.name)||"");return f(()=>{if(e)return r(e.state.name),e.onChangeTheme((t,a)=>{const n=m!=null&&m.parent&&a.state.parentName||t;n&&r(n)})},[e==null?void 0:e.state.name]),o}export{x as useThemeName};
+import { isRSC, useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { useContext, useState } from "react";
+import { getConfig } from "../config.js";
+import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
+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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useThemeName.tsx"],
   "sourcesContent": ["import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useContext, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport { ThemeName } from '../types.js'\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,OAAS,SAAAA,EAAO,6BAAAC,MAAiC,qBACjD,OAAS,cAAAC,EAAY,YAAAC,MAAgB,QAErC,OAAS,aAAAC,MAAiB,eAC1B,OAAS,uBAAAC,MAA2B,oCAG7B,SAASC,EAAaC,EAAqC,CAChE,GAAIP,EAAO,CACT,MAAMQ,EAASJ,EAAU,EACzB,OAAOI,EAAO,OAAO,OAAO,KAAKA,EAAO,MAAM,EAAE,CAAC,CAAC,CACpD,CACA,MAAMC,EAAUP,EAAWG,CAAmB,EACxC,CAACK,EAAMC,CAAO,EAAIR,GAASM,GAAA,YAAAA,EAAS,MAAM,OAAQ,EAAE,EAE1D,OAAAR,EAA0B,IAAM,CAC9B,GAAKQ,EACL,OAAAE,EAAQF,EAAQ,MAAM,IAAI,EACnBA,EAAQ,cAAc,CAACG,EAAMH,IAAY,CAC9C,MAAMC,EAAOH,GAAA,MAAAA,EAAM,QAASE,EAAQ,MAAM,YAAcG,EACnDF,GACLC,EAAQD,CAAI,CACd,CAAC,CACH,EAAG,CAACD,GAAA,YAAAA,EAAS,MAAM,IAAI,CAAC,EAEjBC,CACT",
-  "names": ["isRSC", "useIsomorphicLayoutEffect", "useContext", "useState", "getConfig", "ThemeManagerContext", "useThemeName", "opts", "config", "manager", "name", "setName", "next"]
+  "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/index.js

@@ -1,2 +1,89 @@
-export*from"./Tamagui.js";export*from"./createComponent.js";export*from"./createShorthands.js";export*from"./createTheme.js";export*from"./createTamagui.js";export*from"./createFont.js";export*from"./createTokens.js";export*from"./createVariable.js";export*from"./createVariables.js";export*from"./insertFont.js";export*from"./addTheme.js";export*from"./updateTheme.js";export*from"./styled.js";export*from"./types.js";export*from"./setupReactNative.js";import{getConfig as M,getThemes as T,getTokens as O,onConfiguredOnce as S,updateConfig as b}from"./config.js";export*from"./constants/constants.js";export*from"./helpers/useShallowSetState.js";export*from"./helpers/getVariantExtras.js";export*from"./helpers/getAnimationDriver.js";export*from"./helpers/getExpandedShorthands.js";export*from"./helpers/getSplitStyles.js";export*from"./helpers/getStylesAtomic";export*from"./helpers/pseudoDescriptors.js";export*from"./helpers/mergeProps.js";export*from"./helpers/expandStyles.js";export*from"./helpers/isTamaguiElement.js";export*from"./helpers/isTamaguiComponent.js";export*from"./helpers/matchMedia";export*from"./helpers/themes.js";export*from"./helpers/getThemeCSSRules.js";export*from"./helpers/proxyThemeVariables.js";export*from"./helpers/themeable.js";export*from"./helpers/withStaticProperties.js";export*from"./helpers/normalizeColor.js";export*from"./contexts/ButtonNestingContext.js";export*from"./hooks/useId.js";export*from"./hooks/useIsTouchDevice.js";import{configureMedia as R,getMedia as U,mediaState as V,useMedia as W,useMediaPropsActive as X,mediaObjectToString as Y,mediaQueryConfig as Z}from"./hooks/useMedia.js";export*from"./hooks/useTheme.js";export*from"./hooks/useThemeName.js";export*from"./hooks/useSafeRef.js";export*from"./hooks/useStyle.js";export*from"./hooks/useAnimationDriver.js";export*from"./views/Slot.js";export*from"./views/Stack.js";export*from"./views/Text.js";export*from"./contexts/TextAncestorContext.js";export*from"./views/Theme.js";export*from"./views/ThemeProvider.js";export*from"./views/FontLanguage";export*from"./views/TamaguiProvider.js";export*from"./views/AnimationDriverProvider.js";export*from"@tamagui/use-force-update";export*from"@tamagui/use-did-finish-ssr";export*from"@tamagui/use-event";export*from"@tamagui/compose-refs";export*from"@tamagui/helpers";export*from"@tamagui/constants";export*from"./setupHooks.js";export{R as configureMedia,M as getConfig,U as getMedia,T as getThemes,O as getTokens,Y as mediaObjectToString,Z as mediaQueryConfig,V as mediaState,S as onConfiguredOnce,b as updateConfig,W as useMedia,X as useMediaPropsActive};
+export * from "./Tamagui.js";
+export * from "./createComponent.js";
+export * from "./createShorthands.js";
+export * from "./createTheme.js";
+export * from "./createTamagui.js";
+export * from "./createFont.js";
+export * from "./createTokens.js";
+export * from "./createVariable.js";
+export * from "./createVariables.js";
+export * from "./insertFont.js";
+export * from "./addTheme.js";
+export * from "./updateTheme.js";
+export * from "./styled.js";
+export * from "./types.js";
+export * from "./setupReactNative.js";
+import {
+  getConfig,
+  getThemes,
+  getTokens,
+  onConfiguredOnce,
+  updateConfig
+} from "./config.js";
+export * from "./constants/constants.js";
+export * from "./helpers/useShallowSetState.js";
+export * from "./helpers/getVariantExtras.js";
+export * from "./helpers/getAnimationDriver.js";
+export * from "./helpers/getExpandedShorthands.js";
+export * from "./helpers/getSplitStyles.js";
+export * from "./helpers/getStylesAtomic";
+export * from "./helpers/pseudoDescriptors.js";
+export * from "./helpers/mergeProps.js";
+export * from "./helpers/expandStyles.js";
+export * from "./helpers/isTamaguiElement.js";
+export * from "./helpers/isTamaguiComponent.js";
+export * from "./helpers/matchMedia";
+export * from "./helpers/themes.js";
+export * from "./helpers/getThemeCSSRules.js";
+export * from "./helpers/proxyThemeVariables.js";
+export * from "./helpers/themeable.js";
+export * from "./helpers/withStaticProperties.js";
+export * from "./helpers/normalizeColor.js";
+export * from "./contexts/ButtonNestingContext.js";
+export * from "./hooks/useId.js";
+export * from "./hooks/useIsTouchDevice.js";
+import {
+  configureMedia,
+  getMedia,
+  mediaState,
+  useMedia,
+  useMediaPropsActive,
+  mediaObjectToString,
+  mediaQueryConfig
+} from "./hooks/useMedia.js";
+export * from "./hooks/useTheme.js";
+export * from "./hooks/useThemeName.js";
+export * from "./hooks/useSafeRef.js";
+export * from "./hooks/useStyle.js";
+export * from "./hooks/useAnimationDriver.js";
+export * from "./views/Slot.js";
+export * from "./views/Stack.js";
+export * from "./views/Text.js";
+export * from "./contexts/TextAncestorContext.js";
+export * from "./views/Theme.js";
+export * from "./views/ThemeProvider.js";
+export * from "./views/FontLanguage";
+export * from "./views/TamaguiProvider.js";
+export * from "./views/AnimationDriverProvider.js";
+export * from "@tamagui/use-force-update";
+export * from "@tamagui/use-did-finish-ssr";
+export * from "@tamagui/use-event";
+export * from "@tamagui/compose-refs";
+export * from "@tamagui/helpers";
+export * from "@tamagui/constants";
+export * from "./setupHooks.js";
+export {
+  configureMedia,
+  getConfig,
+  getMedia,
+  getThemes,
+  getTokens,
+  mediaObjectToString,
+  mediaQueryConfig,
+  mediaState,
+  onConfiguredOnce,
+  updateConfig,
+  useMedia,
+  useMediaPropsActive
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './Tamagui.js'\nexport * from './createComponent.js'\nexport * from './createShorthands.js'\nexport * from './createTheme.js'\nexport * from './createTamagui.js'\nexport * from './createFont.js'\nexport * from './createTokens.js'\nexport * from './createVariable.js'\nexport * from './createVariables.js'\nexport * from './insertFont.js'\nexport * from './addTheme.js'\nexport * from './updateTheme.js'\nexport * from './styled.js'\nexport * from './types.js'\nexport * from './setupReactNative.js'\n\nexport {\n  getConfig,\n  getThemes,\n  getTokens,\n  onConfiguredOnce,\n  updateConfig,\n} from './config.js'\n\nexport * from './constants/constants.js'\n\nexport * from './helpers/useShallowSetState.js'\nexport * from './helpers/getVariantExtras.js'\nexport * from './helpers/getAnimationDriver.js'\nexport * from './helpers/getExpandedShorthands.js'\nexport * from './helpers/getSplitStyles.js'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/pseudoDescriptors.js'\nexport * from './helpers/mergeProps.js'\nexport * from './helpers/expandStyles.js'\nexport * from './helpers/isTamaguiElement.js'\nexport * from './helpers/isTamaguiComponent.js'\nexport * from './helpers/matchMedia'\nexport * from './helpers/themes.js'\nexport * from './helpers/getThemeCSSRules.js'\nexport * from './helpers/proxyThemeVariables.js'\nexport * from './helpers/themeable.js'\nexport * from './helpers/withStaticProperties.js'\nexport * from './helpers/normalizeColor.js'\n\nexport * from './contexts/ButtonNestingContext.js'\n\nexport * from './hooks/useId.js'\nexport * from './hooks/useIsTouchDevice.js'\n\nexport {\n  configureMedia,\n  getMedia,\n  mediaState,\n  useMedia,\n  useMediaPropsActive,\n  mediaObjectToString,\n  mediaQueryConfig,\n} from './hooks/useMedia.js'\nexport * from './hooks/useTheme.js'\nexport * from './hooks/useThemeName.js'\nexport * from './hooks/useSafeRef.js'\nexport * from './hooks/useStyle.js'\nexport * from './hooks/useAnimationDriver.js'\n\nexport * from './views/Slot.js'\nexport * from './views/Stack.js'\nexport * from './views/Text.js'\nexport * from './contexts/TextAncestorContext.js'\nexport * from './views/Theme.js'\nexport * from './views/ThemeProvider.js'\nexport * from './views/FontLanguage'\nexport * from './views/TamaguiProvider.js'\nexport * from './views/AnimationDriverProvider.js'\n\nexport * from '@tamagui/use-force-update'\nexport * from '@tamagui/use-did-finish-ssr'\nexport * from '@tamagui/use-event'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/constants'\n\nexport * from './setupHooks.js'\n"],
-  "mappings": "AAAA,WAAc,eACd,WAAc,uBACd,WAAc,wBACd,WAAc,mBACd,WAAc,qBACd,WAAc,kBACd,WAAc,oBACd,WAAc,sBACd,WAAc,uBACd,WAAc,kBACd,WAAc,gBACd,WAAc,mBACd,WAAc,cACd,WAAc,aACd,WAAc,wBAEd,OACE,aAAAA,EACA,aAAAC,EACA,aAAAC,EACA,oBAAAC,EACA,gBAAAC,MACK,cAEP,WAAc,2BAEd,WAAc,kCACd,WAAc,gCACd,WAAc,kCACd,WAAc,qCACd,WAAc,8BACd,WAAc,4BACd,WAAc,iCACd,WAAc,0BACd,WAAc,4BACd,WAAc,gCACd,WAAc,kCACd,WAAc,uBACd,WAAc,sBACd,WAAc,gCACd,WAAc,mCACd,WAAc,yBACd,WAAc,oCACd,WAAc,8BAEd,WAAc,qCAEd,WAAc,mBACd,WAAc,8BAEd,OACE,kBAAAC,EACA,YAAAC,EACA,cAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,oBAAAC,MACK,sBACP,WAAc,sBACd,WAAc,0BACd,WAAc,wBACd,WAAc,sBACd,WAAc,gCAEd,WAAc,kBACd,WAAc,mBACd,WAAc,kBACd,WAAc,oCACd,WAAc,mBACd,WAAc,2BACd,WAAc,uBACd,WAAc,6BACd,WAAc,qCAEd,WAAc,4BACd,WAAc,8BACd,WAAc,qBACd,WAAc,wBACd,WAAc,mBACd,WAAc,qBAEd,WAAc",
-  "names": ["getConfig", "getThemes", "getTokens", "onConfiguredOnce", "updateConfig", "configureMedia", "getMedia", "mediaState", "useMedia", "useMediaPropsActive", "mediaObjectToString", "mediaQueryConfig"]
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;",
+  "names": []
 }