@tamagui/web 1.14.0 → 1.14.2

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useSafeRef.ts"],
   "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useRef } from 'react'\n\n// dai-shi \uD83D\uDE4F\n// https://dev.to/uhyo_/a-concurrent-mode-safe-version-of-useref-1325\n// probably can live without it though to save a bit of b\n\ntype Raw<T> = {\n  hold: boolean\n  next: T\n  cur: T\n  ref: { current: T }\n}\n\nexport const useSafeRef = <T>(initialValue: T) => {\n  const rawRef = useRef<Raw<T>>()\n  if (!rawRef.current) {\n    rawRef.current = {\n      hold: true,\n      next: initialValue,\n      cur: initialValue,\n      ref: {\n        get current() {\n          return raw.hold ? raw.cur : raw.next\n        },\n        set current(v) {\n          if (!raw.hold) {\n            raw.next = v\n          }\n          raw.cur = v\n        },\n      },\n    }\n  }\n\n  const raw: Raw<T> = rawRef.current\n  raw.hold = true\n  raw.cur = raw.next\n  useIsomorphicLayoutEffect(() => {\n    raw.hold = false\n    raw.next = raw.cur\n  })\n\n  return raw.ref\n}\n"],
-  "mappings": "AAAA,OAAS,6BAAAA,MAAiC,qBAC1C,OAAS,UAAAC,MAAc,QAahB,MAAMC,EAAiBC,GAAoB,CAChD,MAAMC,EAASH,EAAe,EACzBG,EAAO,UACVA,EAAO,QAAU,CACf,KAAM,GACN,KAAMD,EACN,IAAKA,EACL,IAAK,CACH,IAAI,SAAU,CACZ,OAAOE,EAAI,KAAOA,EAAI,IAAMA,EAAI,IAClC,EACA,IAAI,QAAQC,EAAG,CACRD,EAAI,OACPA,EAAI,KAAOC,GAEbD,EAAI,IAAMC,CACZ,CACF,CACF,GAGF,MAAMD,EAAcD,EAAO,QAC3B,OAAAC,EAAI,KAAO,GACXA,EAAI,IAAMA,EAAI,KACdL,EAA0B,IAAM,CAC9BK,EAAI,KAAO,GACXA,EAAI,KAAOA,EAAI,GACjB,CAAC,EAEMA,EAAI,GACb",
-  "names": ["useIsomorphicLayoutEffect", "useRef", "useSafeRef", "initialValue", "rawRef", "raw", "v"]
+  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,cAAc;AAahB,MAAM,aAAa,CAAI,iBAAoB;AAChD,QAAM,SAAS,OAAe;AAC9B,MAAI,CAAC,OAAO,SAAS;AACnB,WAAO,UAAU;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AAAA,QACH,IAAI,UAAU;AACZ,iBAAO,IAAI,OAAO,IAAI,MAAM,IAAI;AAAA,QAClC;AAAA,QACA,IAAI,QAAQ,GAAG;AACb,cAAI,CAAC,IAAI,MAAM;AACb,gBAAI,OAAO;AAAA,UACb;AACA,cAAI,MAAM;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,MAAc,OAAO;AAC3B,MAAI,OAAO;AACX,MAAI,MAAM,IAAI;AACd,4BAA0B,MAAM;AAC9B,QAAI,OAAO;AACX,QAAI,OAAO,IAAI;AAAA,EACjB,CAAC;AAED,SAAO,IAAI;AACb;",
+  "names": []
 }

package/dist/esm/hooks/useSafeRef.mjs

@@ -1,2 +1,35 @@
-import{useIsomorphicLayoutEffect as u}from"@tamagui/constants";import{useRef as c}from"react";const s=t=>{const e=c();e.current||(e.current={hold:!0,next:t,cur:t,ref:{get current(){return r.hold?r.cur:r.next},set current(o){r.hold||(r.next=o),r.cur=o}}});const r=e.current;return r.hold=!0,r.cur=r.next,u(()=>{r.hold=!1,r.next=r.cur}),r.ref};export{s as useSafeRef};
+import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import { useRef } from "react";
+const useSafeRef = (initialValue) => {
+  const rawRef = useRef();
+  if (!rawRef.current) {
+    rawRef.current = {
+      hold: true,
+      next: initialValue,
+      cur: initialValue,
+      ref: {
+        get current() {
+          return raw.hold ? raw.cur : raw.next;
+        },
+        set current(v) {
+          if (!raw.hold) {
+            raw.next = v;
+          }
+          raw.cur = v;
+        }
+      }
+    };
+  }
+  const raw = rawRef.current;
+  raw.hold = true;
+  raw.cur = raw.next;
+  useIsomorphicLayoutEffect(() => {
+    raw.hold = false;
+    raw.next = raw.cur;
+  });
+  return raw.ref;
+};
+export {
+  useSafeRef
+};
 //# sourceMappingURL=useSafeRef.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useSafeRef.ts"],
   "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useRef } from 'react'\n\n// dai-shi \uD83D\uDE4F\n// https://dev.to/uhyo_/a-concurrent-mode-safe-version-of-useref-1325\n// probably can live without it though to save a bit of b\n\ntype Raw<T> = {\n  hold: boolean\n  next: T\n  cur: T\n  ref: { current: T }\n}\n\nexport const useSafeRef = <T>(initialValue: T) => {\n  const rawRef = useRef<Raw<T>>()\n  if (!rawRef.current) {\n    rawRef.current = {\n      hold: true,\n      next: initialValue,\n      cur: initialValue,\n      ref: {\n        get current() {\n          return raw.hold ? raw.cur : raw.next\n        },\n        set current(v) {\n          if (!raw.hold) {\n            raw.next = v\n          }\n          raw.cur = v\n        },\n      },\n    }\n  }\n\n  const raw: Raw<T> = rawRef.current\n  raw.hold = true\n  raw.cur = raw.next\n  useIsomorphicLayoutEffect(() => {\n    raw.hold = false\n    raw.next = raw.cur\n  })\n\n  return raw.ref\n}\n"],
-  "mappings": "AAAA,OAAS,6BAAAA,MAAiC,qBAC1C,OAAS,UAAAC,MAAc,QAahB,MAAMC,EAAiBC,GAAoB,CAChD,MAAMC,EAASH,EAAe,EACzBG,EAAO,UACVA,EAAO,QAAU,CACf,KAAM,GACN,KAAMD,EACN,IAAKA,EACL,IAAK,CACH,IAAI,SAAU,CACZ,OAAOE,EAAI,KAAOA,EAAI,IAAMA,EAAI,IAClC,EACA,IAAI,QAAQC,EAAG,CACRD,EAAI,OACPA,EAAI,KAAOC,GAEbD,EAAI,IAAMC,CACZ,CACF,CACF,GAGF,MAAMD,EAAcD,EAAO,QAC3B,OAAAC,EAAI,KAAO,GACXA,EAAI,IAAMA,EAAI,KACdL,EAA0B,IAAM,CAC9BK,EAAI,KAAO,GACXA,EAAI,KAAOA,EAAI,GACjB,CAAC,EAEMA,EAAI,GACb",
-  "names": ["useIsomorphicLayoutEffect", "useRef", "useSafeRef", "initialValue", "rawRef", "raw", "v"]
+  "mappings": "AAAA,SAAS,iCAAiC;AAC1C,SAAS,cAAc;AAahB,MAAM,aAAa,CAAI,iBAAoB;AAChD,QAAM,SAAS,OAAe;AAC9B,MAAI,CAAC,OAAO,SAAS;AACnB,WAAO,UAAU;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AAAA,QACH,IAAI,UAAU;AACZ,iBAAO,IAAI,OAAO,IAAI,MAAM,IAAI;AAAA,QAClC;AAAA,QACA,IAAI,QAAQ,GAAG;AACb,cAAI,CAAC,IAAI,MAAM;AACb,gBAAI,OAAO;AAAA,UACb;AACA,cAAI,MAAM;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,MAAc,OAAO;AAC3B,MAAI,OAAO;AACX,MAAI,MAAM,IAAI;AACd,4BAA0B,MAAM;AAC9B,QAAI,OAAO;AACX,QAAI,OAAO,IAAI;AAAA,EACjB,CAAC;AAED,SAAO,IAAI;AACb;",
+  "names": []
 }

package/dist/esm/hooks/useServerHooks.js

@@ -1,2 +1,11 @@
-import{isRSC as t}from"@tamagui/constants";import{useRef as s,useState as n}from"react";const u=t?e=>[e,o]:n,f=t?e=>({current:e}):s,o=()=>{};export{f as useServerRef,u as useServerState};
+import { isRSC } from "@tamagui/constants";
+import { useRef, useState } from "react";
+const useServerState = isRSC ? (val) => [val, idFn] : useState;
+const useServerRef = isRSC ? (val) => ({ current: val }) : useRef;
+const idFn = () => {
+};
+export {
+  useServerRef,
+  useServerState
+};
 //# sourceMappingURL=useServerHooks.js.map

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

@@ -2,6 +2,6 @@
   "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,OAAS,SAAAA,MAAa,qBACtB,OAAS,UAAAC,EAAQ,YAAAC,MAAgB,QAE1B,MAAMC,EAAiBH,EACvBI,GAAa,CAACA,EAAKC,CAAI,EAC1BH,EAESI,EAAeN,EACrBI,IAAc,CAAE,QAASA,CAAI,GAChCH,EAEEI,EAAO,IAAM,CAAC",
-  "names": ["isRSC", "useRef", "useState", "useServerState", "val", "idFn", "useServerRef"]
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,QAAQ,gBAAgB;AAE1B,MAAM,iBAAiB,QACxB,CAAC,QAAa,CAAC,KAAK,IAAI,IAC1B;AAEG,MAAM,eAAe,QACtB,CAAC,SAAc,EAAE,SAAS,IAAI,KAChC;AAEJ,MAAM,OAAO,MAAM;AAAC;",
+  "names": []
 }

package/dist/esm/hooks/useServerHooks.mjs

@@ -1,2 +1,11 @@
-import{isRSC as t}from"@tamagui/constants";import{useRef as s,useState as n}from"react";const u=t?e=>[e,o]:n,f=t?e=>({current:e}):s,o=()=>{};export{f as useServerRef,u as useServerState};
+import { isRSC } from "@tamagui/constants";
+import { useRef, useState } from "react";
+const useServerState = isRSC ? (val) => [val, idFn] : useState;
+const useServerRef = isRSC ? (val) => ({ current: val }) : useRef;
+const idFn = () => {
+};
+export {
+  useServerRef,
+  useServerState
+};
 //# sourceMappingURL=useServerHooks.mjs.map

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

@@ -2,6 +2,6 @@
   "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,OAAS,SAAAA,MAAa,qBACtB,OAAS,UAAAC,EAAQ,YAAAC,MAAgB,QAE1B,MAAMC,EAAiBH,EACvBI,GAAa,CAACA,EAAKC,CAAI,EAC1BH,EAESI,EAAeN,EACrBI,IAAc,CAAE,QAASA,CAAI,GAChCH,EAEEI,EAAO,IAAM,CAAC",
-  "names": ["isRSC", "useRef", "useState", "useServerState", "val", "idFn", "useServerRef"]
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,QAAQ,gBAAgB;AAE1B,MAAM,iBAAiB,QACxB,CAAC,QAAa,CAAC,KAAK,IAAI,IAC1B;AAEG,MAAM,eAAe,QACtB,CAAC,SAAc,EAAE,SAAS,IAAI,KAChC;AAEJ,MAAM,OAAO,MAAM;AAAC;",
+  "names": []
 }

package/dist/esm/hooks/useStyle.js

@@ -1,2 +1,37 @@
-import{isRSC as p,isWeb as u}from"@tamagui/constants";import{useContext as n}from"react";import{FontLanguageContext as y}from"../contexts/FontLanguageContext.js";import{TextAncestorContext as S}from"../contexts/TextAncestorContext.js";import{useSplitStyles as c}from"../helpers/getSplitStyles.js";import{useMedia as f}from"./useMedia.js";import{useTheme as g}from"./useTheme.js";function O(o,r,t){const s=o.staticConfig.isText,a=!!(u&&s&&n(S)),m=p?null:n(y),l=g(),i=f(),e=c(r,o.staticConfig,l,{...t,mediaState:i,hasTextAncestor:a,resolveVariablesAs:"auto"},null,m||void 0,s?"span":"div",t==null?void 0:t.debug);return{style:Object.keys(e.style).length?e.style:null,classNames:e.classNames}}export{O as useStyle};
+import { isRSC, isWeb } from "@tamagui/constants";
+import { useContext } from "react";
+import { FontLanguageContext } from "../contexts/FontLanguageContext.js";
+import { TextAncestorContext } from "../contexts/TextAncestorContext.js";
+import { useSplitStyles } from "../helpers/getSplitStyles.js";
+import { useMedia } from "./useMedia.js";
+import { useTheme } from "./useTheme.js";
+function useStyle(base, style, options) {
+  const isText = base.staticConfig.isText;
+  const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false);
+  const languageContext = isRSC ? null : useContext(FontLanguageContext);
+  const theme = useTheme();
+  const media = useMedia();
+  const out = 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
+  };
+}
+export {
+  useStyle
+};
 //# sourceMappingURL=useStyle.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useStyle.tsx"],
   "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\nimport { useContext } from 'react'\n\nimport { FontLanguageContext } from '../contexts/FontLanguageContext.js'\nimport { TextAncestorContext } from '../contexts/TextAncestorContext.js'\nimport { useSplitStyles } from '../helpers/getSplitStyles.js'\nimport {\n  DebugProp,\n  GetProps,\n  SplitStyleState,\n  TamaguiComponent,\n  TextNonStyleProps,\n} from '../types'\nimport { useMedia } from './useMedia.js'\nimport { useTheme } from './useTheme.js'\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,OAAS,SAAAA,EAAO,SAAAC,MAAa,qBAC7B,OAAS,cAAAC,MAAkB,QAE3B,OAAS,uBAAAC,MAA2B,qCACpC,OAAS,uBAAAC,MAA2B,qCACpC,OAAS,kBAAAC,MAAsB,+BAQ/B,OAAS,YAAAC,MAAgB,gBACzB,OAAS,YAAAC,MAAgB,gBAElB,SAASC,EAIdC,EACAC,EACAC,EACA,CACA,MAAMC,EAASH,EAAK,aAAa,OAC3BI,EAAkB,CAAC,EAAEZ,GAASW,GAASV,EAAWE,CAAmB,GACrEU,EAAkBd,EAAQ,KAAOE,EAAWC,CAAmB,EAC/DY,EAAQR,EAAS,EACjBS,EAAQV,EAAS,EACjBW,EAAMZ,EACVK,EACAD,EAAK,aACLM,EACA,CACE,GAAIJ,EACJ,WAAYK,EACZ,gBAAAH,EACA,mBAAoB,MACtB,EACA,KACAC,GAAmB,OACnBF,EAAS,OAAS,MAClBD,GAAA,YAAAA,EAAS,KACX,EACA,MAAO,CACL,MAAO,OAAO,KAAKM,EAAI,KAAK,EAAE,OAASA,EAAI,MAAQ,KACnD,WAAYA,EAAI,UAClB,CACF",
-  "names": ["isRSC", "isWeb", "useContext", "FontLanguageContext", "TextAncestorContext", "useSplitStyles", "useMedia", "useTheme", "useStyle", "base", "style", "options", "isText", "hasTextAncestor", "languageContext", "theme", "media", "out"]
+  "mappings": "AAAA,SAAS,OAAO,aAAa;AAC7B,SAAS,kBAAkB;AAE3B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAQ/B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAElB,SAAS,SAId,MACA,OACA,SACA;AACA,QAAM,SAAS,KAAK,aAAa;AACjC,QAAM,kBAAkB,CAAC,EAAE,SAAS,SAAS,WAAW,mBAAmB,IAAI;AAC/E,QAAM,kBAAkB,QAAQ,OAAO,WAAW,mBAAmB;AACrE,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,SAAS;AACvB,QAAM,MAAM;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/esm/hooks/useStyle.mjs

@@ -1,2 +1,37 @@
-import{isRSC as p,isWeb as u}from"@tamagui/constants";import{useContext as n}from"react";import{FontLanguageContext as y}from"../contexts/FontLanguageContext.js";import{TextAncestorContext as S}from"../contexts/TextAncestorContext.js";import{useSplitStyles as c}from"../helpers/getSplitStyles.js";import{useMedia as f}from"./useMedia.js";import{useTheme as g}from"./useTheme.js";function O(o,r,t){const s=o.staticConfig.isText,a=!!(u&&s&&n(S)),m=p?null:n(y),l=g(),i=f(),e=c(r,o.staticConfig,l,{...t,mediaState:i,hasTextAncestor:a,resolveVariablesAs:"auto"},null,m||void 0,s?"span":"div",t==null?void 0:t.debug);return{style:Object.keys(e.style).length?e.style:null,classNames:e.classNames}}export{O as useStyle};
+import { isRSC, isWeb } from "@tamagui/constants";
+import { useContext } from "react";
+import { FontLanguageContext } from "../contexts/FontLanguageContext.js";
+import { TextAncestorContext } from "../contexts/TextAncestorContext.js";
+import { useSplitStyles } from "../helpers/getSplitStyles.js";
+import { useMedia } from "./useMedia.js";
+import { useTheme } from "./useTheme.js";
+function useStyle(base, style, options) {
+  const isText = base.staticConfig.isText;
+  const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false);
+  const languageContext = isRSC ? null : useContext(FontLanguageContext);
+  const theme = useTheme();
+  const media = useMedia();
+  const out = 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
+  };
+}
+export {
+  useStyle
+};
 //# sourceMappingURL=useStyle.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useStyle.tsx"],
   "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\nimport { useContext } from 'react'\n\nimport { FontLanguageContext } from '../contexts/FontLanguageContext.js'\nimport { TextAncestorContext } from '../contexts/TextAncestorContext.js'\nimport { useSplitStyles } from '../helpers/getSplitStyles.js'\nimport {\n  DebugProp,\n  GetProps,\n  SplitStyleState,\n  TamaguiComponent,\n  TextNonStyleProps,\n} from '../types'\nimport { useMedia } from './useMedia.js'\nimport { useTheme } from './useTheme.js'\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,OAAS,SAAAA,EAAO,SAAAC,MAAa,qBAC7B,OAAS,cAAAC,MAAkB,QAE3B,OAAS,uBAAAC,MAA2B,qCACpC,OAAS,uBAAAC,MAA2B,qCACpC,OAAS,kBAAAC,MAAsB,+BAQ/B,OAAS,YAAAC,MAAgB,gBACzB,OAAS,YAAAC,MAAgB,gBAElB,SAASC,EAIdC,EACAC,EACAC,EACA,CACA,MAAMC,EAASH,EAAK,aAAa,OAC3BI,EAAkB,CAAC,EAAEZ,GAASW,GAASV,EAAWE,CAAmB,GACrEU,EAAkBd,EAAQ,KAAOE,EAAWC,CAAmB,EAC/DY,EAAQR,EAAS,EACjBS,EAAQV,EAAS,EACjBW,EAAMZ,EACVK,EACAD,EAAK,aACLM,EACA,CACE,GAAIJ,EACJ,WAAYK,EACZ,gBAAAH,EACA,mBAAoB,MACtB,EACA,KACAC,GAAmB,OACnBF,EAAS,OAAS,MAClBD,GAAA,YAAAA,EAAS,KACX,EACA,MAAO,CACL,MAAO,OAAO,KAAKM,EAAI,KAAK,EAAE,OAASA,EAAI,MAAQ,KACnD,WAAYA,EAAI,UAClB,CACF",
-  "names": ["isRSC", "isWeb", "useContext", "FontLanguageContext", "TextAncestorContext", "useSplitStyles", "useMedia", "useTheme", "useStyle", "base", "style", "options", "isText", "hasTextAncestor", "languageContext", "theme", "media", "out"]
+  "mappings": "AAAA,SAAS,OAAO,aAAa;AAC7B,SAAS,kBAAkB;AAE3B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAQ/B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAElB,SAAS,SAId,MACA,OACA,SACA;AACA,QAAM,SAAS,KAAK,aAAa;AACjC,QAAM,kBAAkB,CAAC,EAAE,SAAS,SAAS,WAAW,mBAAmB,IAAI;AAC/E,QAAM,kBAAkB,QAAQ,OAAO,WAAW,mBAAmB;AACrE,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,SAAS;AACvB,QAAM,MAAM;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/esm/hooks/useTheme.js

@@ -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.js.map

package/dist/esm/hooks/useTheme.js.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"]
 }