@tamagui/web 1.2.5

package/dist/cjs/hooks/useServerHooks.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useServerHooks_exports = {};
+__export(useServerHooks_exports, {
+  useServerRef: () => useServerRef,
+  useServerState: () => useServerState
+});
+module.exports = __toCommonJS(useServerHooks_exports);
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+const useServerState = import_constants.isRSC ? (val) => [val, idFn] : import_react.useState;
+const useServerRef = import_constants.isRSC ? (val) => ({ current: val }) : import_react.useRef;
+const idFn = () => {
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useServerRef,
+  useServerState
+});
+//# sourceMappingURL=useServerHooks.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useServerHooks.tsx"],
+  "sourcesContent": ["import { isRSC } from '@tamagui/constants'\nimport { useRef, useState } from 'react'\n\nexport const useServerState = isRSC\n  ? (((val: any) => [val, idFn]) as unknown as typeof useState)\n  : useState\n\nexport const useServerRef = isRSC\n  ? (((val: any) => ({ current: val })) as unknown as typeof useRef)\n  : useRef\n\nconst idFn = () => {}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AACtB,mBAAiC;AAE1B,MAAM,iBAAiB,yBACxB,CAAC,QAAa,CAAC,KAAK,IAAI,IAC1B;AAEG,MAAM,eAAe,yBACtB,CAAC,SAAc,EAAE,SAAS,IAAI,KAChC;AAEJ,MAAM,OAAO,MAAM;AAAC;",
+  "names": []
+}

package/dist/cjs/hooks/useStyle.js

@@ -0,0 +1,61 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useStyle_exports = {};
+__export(useStyle_exports, {
+  useStyle: () => useStyle
+});
+module.exports = __toCommonJS(useStyle_exports);
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+var import_FontLanguageContext = require("../contexts/FontLanguageContext");
+var import_TextAncestorContext = require("../contexts/TextAncestorContext");
+var import_getSplitStyles = require("../helpers/getSplitStyles");
+var import_useMedia = require("./useMedia");
+var import_useTheme = require("./useTheme");
+function useStyle(base, style, options) {
+  const isText = base.staticConfig.isText;
+  const hasTextAncestor = !!(import_constants.isWeb && isText ? (0, import_react.useContext)(import_TextAncestorContext.TextAncestorContext) : false);
+  const languageContext = import_constants.isRSC ? null : (0, import_react.useContext)(import_FontLanguageContext.FontLanguageContext);
+  const theme = (0, import_useTheme.useTheme)();
+  const media = (0, import_useMedia.useMedia)();
+  const out = (0, import_getSplitStyles.useSplitStyles)(
+    style,
+    base.staticConfig,
+    theme,
+    {
+      ...options,
+      mediaState: media,
+      hasTextAncestor,
+      resolveVariablesAs: "auto"
+    },
+    null,
+    languageContext || void 0,
+    isText ? "span" : "div",
+    options == null ? void 0 : options.debug
+  );
+  return {
+    style: Object.keys(out.style).length ? out.style : null,
+    classNames: out.classNames
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyle
+});
+//# sourceMappingURL=useStyle.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useStyle.tsx"],
+  "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\nimport { useContext } from 'react'\n\nimport { FontLanguageContext } from '../contexts/FontLanguageContext'\nimport { TextAncestorContext } from '../contexts/TextAncestorContext'\nimport { useSplitStyles } from '../helpers/getSplitStyles'\nimport {\n  DebugProp,\n  GetProps,\n  SplitStyleState,\n  TamaguiComponent,\n  TextNonStyleProps,\n} from '../types'\nimport { useMedia } from './useMedia'\nimport { useTheme } from './useTheme'\n\nexport function useStyle<\n  Component extends TamaguiComponent,\n  StyleProps = Omit<GetProps<Component>, keyof TextNonStyleProps>\n>(\n  base: Component,\n  style: StyleProps,\n  options?: Partial<SplitStyleState> & { debug?: DebugProp }\n) {\n  const isText = base.staticConfig.isText\n  const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n  const languageContext = isRSC ? null : useContext(FontLanguageContext)\n  const theme = useTheme()\n  const media = useMedia()\n  const out = useSplitStyles(\n    style as any,\n    base.staticConfig,\n    theme,\n    {\n      ...(options as any),\n      mediaState: media,\n      hasTextAncestor,\n      resolveVariablesAs: 'auto',\n    },\n    null,\n    languageContext || undefined,\n    isText ? 'span' : 'div',\n    options?.debug\n  )\n  return {\n    style: Object.keys(out.style).length ? out.style : null,\n    classNames: out.classNames,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA6B;AAC7B,mBAA2B;AAE3B,iCAAoC;AACpC,iCAAoC;AACpC,4BAA+B;AAQ/B,sBAAyB;AACzB,sBAAyB;AAElB,SAAS,SAId,MACA,OACA,SACA;AACA,QAAM,SAAS,KAAK,aAAa;AACjC,QAAM,kBAAkB,CAAC,EAAE,0BAAS,aAAS,yBAAW,8CAAmB,IAAI;AAC/E,QAAM,kBAAkB,yBAAQ,WAAO,yBAAW,8CAAmB;AACrE,QAAM,YAAQ,0BAAS;AACvB,QAAM,YAAQ,0BAAS;AACvB,QAAM,UAAM;AAAA,IACV;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,MACE,GAAI;AAAA,MACJ,YAAY;AAAA,MACZ;AAAA,MACA,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,SAAS,SAAS;AAAA,IAClB,mCAAS;AAAA,EACX;AACA,SAAO;AAAA,IACL,OAAO,OAAO,KAAK,IAAI,KAAK,EAAE,SAAS,IAAI,QAAQ;AAAA,IACnD,YAAY,IAAI;AAAA,EAClB;AACF;",
+  "names": []
+}

package/dist/cjs/hooks/useTheme.js

@@ -0,0 +1,230 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useTheme_exports = {};
+__export(useTheme_exports, {
+  activeThemeManagers: () => activeThemeManagers,
+  getThemeProxied: () => getThemeProxied,
+  useChangeThemeEffect: () => useChangeThemeEffect,
+  useTheme: () => useTheme,
+  useThemeWithState: () => useThemeWithState
+});
+module.exports = __toCommonJS(useTheme_exports);
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+var import_config = require("../config");
+var import_isDevTools = require("../constants/isDevTools");
+var import_createProxy = require("../helpers/createProxy");
+var import_ThemeManager = require("../helpers/ThemeManager");
+var import_ThemeManagerContext = require("../helpers/ThemeManagerContext");
+var import_getThemeUnwrapped = require("./getThemeUnwrapped");
+var import_useServerHooks = require("./useServerHooks");
+const emptyProps = { name: null };
+function getDefaultThemeProxied() {
+  const config = (0, import_config.getConfig)();
+  const name = Object.keys(config.themes)[0];
+  return getThemeProxied({
+    theme: config.themes[name],
+    name
+  });
+}
+const useTheme = (props = emptyProps) => {
+  var _a;
+  return (import_constants.isRSC ? null : (_a = useThemeWithState(props)) == null ? void 0 : _a.theme) || getDefaultThemeProxied();
+};
+const useThemeWithState = (props) => {
+  var _a;
+  const keys = (0, import_useServerHooks.useServerRef)([]);
+  const changedTheme = useChangeThemeEffect(
+    props,
+    false,
+    import_constants.isClient ? () => {
+      var _a2;
+      return ((_a2 = props.shouldUpdate) == null ? void 0 : _a2.call(props)) ?? keys.current.length === 0;
+    } : void 0
+  );
+  const { themeManager, isNewTheme, theme, name, className } = changedTheme;
+  if (process.env.NODE_ENV === "development") {
+    if (import_constants.isWeb && isNewTheme && className === ((_a = themeManager == null ? void 0 : themeManager.parentManager) == null ? void 0 : _a.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, ...import_isDevTools.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 = (0, import_react.useMemo)(() => {
+    return getThemeProxied(changedTheme);
+  }, [theme, isNewTheme, name, className, themeManager]);
+  return {
+    ...changedTheme,
+    theme: proxiedTheme
+  };
+};
+function getThemeProxied({
+  theme,
+  themeManager,
+  keys
+}) {
+  return (0, import_createProxy.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 === import_getThemeUnwrapped.GetThemeUnwrapped) {
+        return theme;
+      }
+      if (key === "undefined" || key === "__proto__" || key === "$typeof" || typeof key !== "string" || !themeManager) {
+        return Reflect.get(_, key);
+      }
+      const keyString = key;
+      if (key[0] === "$") {
+        key = key.slice(1);
+      }
+      const val = themeManager.getValue(key);
+      const currentKeys = keys == null ? void 0 : keys.current;
+      if (val && currentKeys) {
+        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" && !currentKeys.includes(keyString)) {
+              currentKeys.push(keyString);
+            }
+            return Reflect.get(val, subkey);
+          }
+        });
+      }
+      return val;
+    }
+  });
+}
+const activeThemeManagers = /* @__PURE__ */ new Set();
+const useChangeThemeEffect = (props, root = false, disableUpdate) => {
+  if (import_constants.isRSC) {
+    return {
+      ...createState().state,
+      themeManager: null
+    };
+  }
+  const parentManager = (0, import_react.useContext)(import_ThemeManagerContext.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] = (0, import_react.useState)(createState);
+  const { isNewTheme, state, themeManager, mounted } = themeState;
+  if (!import_constants.isServer) {
+    (0, import_react.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 = (0, import_ThemeManager.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 import_ThemeManager.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);
+      }
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  activeThemeManagers,
+  getThemeProxied,
+  useChangeThemeEffect,
+  useTheme,
+  useThemeWithState
+});
+//# sourceMappingURL=useTheme.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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\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([])\n\n  const changedTheme = useChangeThemeEffect(\n    props,\n    false,\n    isClient\n      ? () => {\n          return props.shouldUpdate?.() ?? keys.current.length === 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  keys,\n}: Partial<ChangedThemeResponse> & {\n  theme: ThemeParsed\n  keys?: React.RefObject<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 === 'undefined' ||\n        key === '__proto__' ||\n        key === '$typeof' ||\n        typeof key !== 'string' ||\n        !themeManager\n      ) {\n        return Reflect.get(_, key)\n      }\n      const keyString = key\n      // auto convert variables to plain\n      if (key[0] === '$') {\n        key = key.slice(1)\n      }\n      const val = themeManager.getValue(key)\n      const currentKeys = keys?.current\n      if (val && currentKeys) {\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' && !currentKeys.includes(keyString)) {\n              currentKeys.push(keyString)\n            }\n            return Reflect.get(val as any, subkey)\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/cjs/hooks/useThemeName.js

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useThemeName_exports = {};
+__export(useThemeName_exports, {
+  useThemeName: () => useThemeName
+});
+module.exports = __toCommonJS(useThemeName_exports);
+var import_constants = require("@tamagui/constants");
+var import_react = require("react");
+var import_config = require("../config");
+var import_ThemeManagerContext = require("../helpers/ThemeManagerContext");
+function useThemeName(opts) {
+  if (import_constants.isRSC) {
+    const config = (0, import_config.getConfig)();
+    return config.themes[Object.keys(config.themes)[0]];
+  }
+  const manager = (0, import_react.useContext)(import_ThemeManagerContext.ThemeManagerContext);
+  const [name, setName] = (0, import_react.useState)((manager == null ? void 0 : manager.state.name) || "");
+  (0, import_constants.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;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useThemeName
+});
+//# sourceMappingURL=useThemeName.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAiD;AACjD,mBAAqC;AAErC,oBAA0B;AAC1B,iCAAoC;AAG7B,SAAS,aAAa,MAAqC;AAChE,MAAI,wBAAO;AACT,UAAM,aAAS,yBAAU;AACzB,WAAO,OAAO,OAAO,OAAO,KAAK,OAAO,MAAM,EAAE,CAAC,CAAC;AAAA,EACpD;AACA,QAAM,cAAU,yBAAW,8CAAmB;AAC9C,QAAM,CAAC,MAAM,OAAO,QAAI,wBAAS,mCAAS,MAAM,SAAQ,EAAE;AAE1D,kDAA0B,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/cjs/index.js

@@ -0,0 +1,104 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  configureMedia: () => import_useMedia.configureMedia,
+  getConfig: () => import_config.getConfig,
+  getMedia: () => import_useMedia.getMedia,
+  getThemes: () => import_config.getThemes,
+  getTokens: () => import_config.getTokens,
+  mediaObjectToString: () => import_useMedia.mediaObjectToString,
+  mediaQueryConfig: () => import_useMedia.mediaQueryConfig,
+  mediaState: () => import_useMedia.mediaState,
+  onConfiguredOnce: () => import_config.onConfiguredOnce,
+  useMedia: () => import_useMedia.useMedia,
+  useMediaPropsActive: () => import_useMedia.useMediaPropsActive
+});
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Tamagui"), module.exports);
+__reExport(src_exports, require("./createComponent"), module.exports);
+__reExport(src_exports, require("./createShorthands"), module.exports);
+__reExport(src_exports, require("./createTheme"), module.exports);
+__reExport(src_exports, require("./createTamagui"), module.exports);
+__reExport(src_exports, require("./createFont"), module.exports);
+__reExport(src_exports, require("./createTokens"), module.exports);
+__reExport(src_exports, require("./createVariable"), module.exports);
+__reExport(src_exports, require("./createVariables"), module.exports);
+__reExport(src_exports, require("./insertFont"), module.exports);
+__reExport(src_exports, require("./addTheme"), module.exports);
+__reExport(src_exports, require("./updateTheme"), module.exports);
+__reExport(src_exports, require("./styled"), module.exports);
+__reExport(src_exports, require("./types"), module.exports);
+__reExport(src_exports, require("./setupReactNative"), module.exports);
+var import_config = require("./config");
+__reExport(src_exports, require("./constants/constants"), module.exports);
+__reExport(src_exports, require("./helpers/useShallowSetState"), module.exports);
+__reExport(src_exports, require("./helpers/getVariantExtras"), module.exports);
+__reExport(src_exports, require("./helpers/getAnimationDriver"), module.exports);
+__reExport(src_exports, require("./helpers/getExpandedShorthands"), module.exports);
+__reExport(src_exports, require("./helpers/getSplitStyles"), module.exports);
+__reExport(src_exports, require("./helpers/getStylesAtomic"), module.exports);
+__reExport(src_exports, require("./helpers/pseudoDescriptors"), module.exports);
+__reExport(src_exports, require("./helpers/mergeProps"), module.exports);
+__reExport(src_exports, require("./helpers/expandStyles"), module.exports);
+__reExport(src_exports, require("./helpers/isTamaguiElement"), module.exports);
+__reExport(src_exports, require("./helpers/isTamaguiComponent"), module.exports);
+__reExport(src_exports, require("./helpers/matchMedia"), module.exports);
+__reExport(src_exports, require("./helpers/proxyThemeVariables"), module.exports);
+__reExport(src_exports, require("./helpers/themeable"), module.exports);
+__reExport(src_exports, require("./helpers/withStaticProperties"), module.exports);
+__reExport(src_exports, require("./contexts/ButtonNestingContext"), module.exports);
+__reExport(src_exports, require("./hooks/useId"), module.exports);
+__reExport(src_exports, require("./hooks/useIsTouchDevice"), module.exports);
+var import_useMedia = require("./hooks/useMedia");
+__reExport(src_exports, require("./hooks/useTheme"), module.exports);
+__reExport(src_exports, require("./hooks/useThemeName"), module.exports);
+__reExport(src_exports, require("./hooks/useSafeRef"), module.exports);
+__reExport(src_exports, require("./hooks/useStyle"), module.exports);
+__reExport(src_exports, require("./views/Slot"), module.exports);
+__reExport(src_exports, require("./views/Stack"), module.exports);
+__reExport(src_exports, require("./views/Text"), module.exports);
+__reExport(src_exports, require("./contexts/TextAncestorContext"), module.exports);
+__reExport(src_exports, require("./views/Theme"), module.exports);
+__reExport(src_exports, require("./views/ThemeProvider"), module.exports);
+__reExport(src_exports, require("./views/FontLanguage"), module.exports);
+__reExport(src_exports, require("./views/TamaguiProvider"), module.exports);
+__reExport(src_exports, require("@tamagui/use-force-update"), module.exports);
+__reExport(src_exports, require("@tamagui/use-did-finish-ssr"), module.exports);
+__reExport(src_exports, require("@tamagui/use-event"), module.exports);
+__reExport(src_exports, require("@tamagui/compose-refs"), module.exports);
+__reExport(src_exports, require("@tamagui/helpers"), module.exports);
+__reExport(src_exports, require("@tamagui/constants"), module.exports);
+__reExport(src_exports, require("./setupHooks"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  configureMedia,
+  getConfig,
+  getMedia,
+  getThemes,
+  getTokens,
+  mediaObjectToString,
+  mediaQueryConfig,
+  mediaState,
+  onConfiguredOnce,
+  useMedia,
+  useMediaPropsActive
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './Tamagui'\nexport * from './createComponent'\nexport * from './createShorthands'\nexport * from './createTheme'\nexport * from './createTamagui'\nexport * from './createFont'\nexport * from './createTokens'\nexport * from './createVariable'\nexport * from './createVariables'\nexport * from './insertFont'\nexport * from './addTheme'\nexport * from './updateTheme'\nexport * from './styled'\nexport * from './types'\nexport * from './setupReactNative'\n\nexport { getConfig, getThemes, getTokens, onConfiguredOnce } from './config'\n\nexport * from './constants/constants'\n\nexport * from './helpers/useShallowSetState'\nexport * from './helpers/getVariantExtras'\nexport * from './helpers/getAnimationDriver'\nexport * from './helpers/getExpandedShorthands'\nexport * from './helpers/getSplitStyles'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/pseudoDescriptors'\nexport * from './helpers/mergeProps'\nexport * from './helpers/expandStyles'\nexport * from './helpers/isTamaguiElement'\nexport * from './helpers/isTamaguiComponent'\nexport * from './helpers/matchMedia'\nexport * from './helpers/proxyThemeVariables'\nexport * from './helpers/themeable'\nexport * from './helpers/withStaticProperties'\n\nexport * from './contexts/ButtonNestingContext'\n\nexport * from './hooks/useId'\nexport * from './hooks/useIsTouchDevice'\n\nexport {\n  configureMedia,\n  getMedia,\n  mediaState,\n  useMedia,\n  useMediaPropsActive,\n  mediaObjectToString,\n  mediaQueryConfig,\n} from './hooks/useMedia'\nexport * from './hooks/useTheme'\nexport * from './hooks/useThemeName'\nexport * from './hooks/useSafeRef'\nexport * from './hooks/useStyle'\n\nexport * from './views/Slot'\nexport * from './views/Stack'\nexport * from './views/Text'\nexport * from './contexts/TextAncestorContext'\nexport * from './views/Theme'\nexport * from './views/ThemeProvider'\nexport * from './views/FontLanguage'\nexport * from './views/TamaguiProvider'\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'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,sBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,+BAFd;AAGA,wBAAc,0BAHd;AAIA,wBAAc,4BAJd;AAKA,wBAAc,yBALd;AAMA,wBAAc,2BANd;AAOA,wBAAc,6BAPd;AAQA,wBAAc,8BARd;AASA,wBAAc,yBATd;AAUA,wBAAc,uBAVd;AAWA,wBAAc,0BAXd;AAYA,wBAAc,qBAZd;AAaA,wBAAc,oBAbd;AAcA,wBAAc,+BAdd;AAgBA,oBAAkE;AAElE,wBAAc,kCAlBd;AAoBA,wBAAc,yCApBd;AAqBA,wBAAc,uCArBd;AAsBA,wBAAc,yCAtBd;AAuBA,wBAAc,4CAvBd;AAwBA,wBAAc,qCAxBd;AAyBA,wBAAc,sCAzBd;AA0BA,wBAAc,wCA1Bd;AA2BA,wBAAc,iCA3Bd;AA4BA,wBAAc,mCA5Bd;AA6BA,wBAAc,uCA7Bd;AA8BA,wBAAc,yCA9Bd;AA+BA,wBAAc,iCA/Bd;AAgCA,wBAAc,0CAhCd;AAiCA,wBAAc,gCAjCd;AAkCA,wBAAc,2CAlCd;AAoCA,wBAAc,4CApCd;AAsCA,wBAAc,0BAtCd;AAuCA,wBAAc,qCAvCd;AAyCA,sBAQO;AACP,wBAAc,6BAlDd;AAmDA,wBAAc,iCAnDd;AAoDA,wBAAc,+BApDd;AAqDA,wBAAc,6BArDd;AAuDA,wBAAc,yBAvDd;AAwDA,wBAAc,0BAxDd;AAyDA,wBAAc,yBAzDd;AA0DA,wBAAc,2CA1Dd;AA2DA,wBAAc,0BA3Dd;AA4DA,wBAAc,kCA5Dd;AA6DA,wBAAc,iCA7Dd;AA8DA,wBAAc,oCA9Dd;AAgEA,wBAAc,sCAhEd;AAiEA,wBAAc,wCAjEd;AAkEA,wBAAc,+BAlEd;AAmEA,wBAAc,kCAnEd;AAoEA,wBAAc,6BApEd;AAqEA,wBAAc,+BArEd;AAuEA,wBAAc,yBAvEd;",
+  "names": []
+}

package/dist/cjs/inject-styles.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inject_styles_exports = {};
+__export(inject_styles_exports, {
+  injectStyles: () => injectStyles
+});
+module.exports = __toCommonJS(inject_styles_exports);
+const stylesheets = {};
+const injectStyles = ({ filePath, css }) => {
+  let stylesheet = stylesheets[filePath];
+  if (!stylesheet) {
+    const styleEl = document.createElement("style");
+    styleEl.setAttribute("data-file", filePath);
+    styleEl.setAttribute("type", "text/css");
+    stylesheet = stylesheets[filePath] = styleEl;
+    document.head.appendChild(styleEl);
+  }
+  stylesheet.innerHTML = css;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  injectStyles
+});
+//# sourceMappingURL=inject-styles.js.map

package/dist/cjs/inject-styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/inject-styles.ts"],
+  "sourcesContent": ["// for vite dev mode\n\nconst stylesheets: Record<string, HTMLElement> = {}\n\ninterface InjectStylesOptions {\n  filePath: string\n  css: string\n}\n\nexport const injectStyles = ({ filePath, css }: InjectStylesOptions) => {\n  let stylesheet = stylesheets[filePath]\n  if (!stylesheet) {\n    const styleEl = document.createElement('style')\n    styleEl.setAttribute('data-file', filePath)\n    styleEl.setAttribute('type', 'text/css')\n    stylesheet = stylesheets[filePath] = styleEl\n    document.head.appendChild(styleEl)\n  }\n  stylesheet.innerHTML = css\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,cAA2C,CAAC;AAO3C,MAAM,eAAe,CAAC,EAAE,UAAU,IAAI,MAA2B;AACtE,MAAI,aAAa,YAAY,QAAQ;AACrC,MAAI,CAAC,YAAY;AACf,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,aAAa,aAAa,QAAQ;AAC1C,YAAQ,aAAa,QAAQ,UAAU;AACvC,iBAAa,YAAY,QAAQ,IAAI;AACrC,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AACA,aAAW,YAAY;AACzB;",
+  "names": []
+}