@tamagui/next-theme 1.46.2 → 1.47.0

package/dist/cjs/useRootTheme.js

@@ -22,17 +22,16 @@ __export(useRootTheme_exports, {
 });
 module.exports = __toCommonJS(useRootTheme_exports);
 var import_react = require("react");
+var import_useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect");
 const useRootTheme = ({ fallback = "light" } = {}) => {
   const [val, setVal] = (0, import_react.useState)(fallback);
-  if (typeof document !== "undefined") {
-    (0, import_react.useLayoutEffect)(() => {
-      const classes = [...document.documentElement.classList];
-      const val2 = classes.includes(`t_dark`) ? "dark" : classes.includes(`t_light`) ? "light" : fallback;
-      (0, import_react.startTransition)(() => {
-        setVal(val2);
-      });
-    }, []);
-  }
+  (0, import_useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(() => {
+    const classes = [...document.documentElement.classList];
+    const val2 = classes.includes(`t_dark`) ? "dark" : classes.includes(`t_light`) ? "light" : fallback;
+    (0, import_react.startTransition)(() => {
+      setVal(val2);
+    });
+  }, []);
   return [val, setVal];
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/useRootTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useRootTheme.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2D;AAIpD,MAAM,eAAe,CAAC,EAAE,WAAW,QAAQ,IAAgC,CAAC,MAAM;AACvF,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAsB,QAAQ;AAEpD,MAAI,OAAO,aAAa,aAAa;AACnC,sCAAgB,MAAM;AAEpB,YAAM,UAAU,CAAC,GAAG,SAAS,gBAAgB,SAAS;AAEtD,YAAMA,OAAmB,QAAQ,SAAS,QAAQ,IAC9C,SACA,QAAQ,SAAS,SAAS,IAC1B,UACA;AAIJ,wCAAgB,MAAM;AACpB,eAAOA,IAAG;AAAA,MACZ,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO,CAAC,KAAK,MAAM;AACrB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAG1C,uCAA0C;AAEnC,MAAM,eAAe,CAAC,EAAE,WAAW,QAAQ,IAAgC,CAAC,MAAM;AACvF,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAsB,QAAQ;AAEpD,kEAA0B,MAAM;AAE9B,UAAM,UAAU,CAAC,GAAG,SAAS,gBAAgB,SAAS;AAEtD,UAAMA,OAAmB,QAAQ,SAAS,QAAQ,IAC9C,SACA,QAAQ,SAAS,SAAS,IAC1B,UACA;AAIJ,sCAAgB,MAAM;AACpB,aAAOA,IAAG;AAAA,IACZ,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,KAAK,MAAM;AACrB;",
   "names": ["val"]
 }

package/dist/esm/useRootTheme.js

@@ -1,15 +1,14 @@
-import { startTransition, useLayoutEffect, useState } from "react";
+import { startTransition, useState } from "react";
+import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
 const useRootTheme = ({ fallback = "light" } = {}) => {
   const [val, setVal] = useState(fallback);
-  if (typeof document !== "undefined") {
-    useLayoutEffect(() => {
-      const classes = [...document.documentElement.classList];
-      const val2 = classes.includes(`t_dark`) ? "dark" : classes.includes(`t_light`) ? "light" : fallback;
-      startTransition(() => {
-        setVal(val2);
-      });
-    }, []);
-  }
+  useIsomorphicLayoutEffect(() => {
+    const classes = [...document.documentElement.classList];
+    const val2 = classes.includes(`t_dark`) ? "dark" : classes.includes(`t_light`) ? "light" : fallback;
+    startTransition(() => {
+      setVal(val2);
+    });
+  }, []);
   return [val, setVal];
 };
 export {

package/dist/esm/useRootTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useRootTheme.tsx"],
-  "mappings": "AAAA,SAAS,iBAAiB,iBAAiB,gBAAgB;AAIpD,MAAM,eAAe,CAAC,EAAE,WAAW,QAAQ,IAAgC,CAAC,MAAM;AACvF,QAAM,CAAC,KAAK,MAAM,IAAI,SAAsB,QAAQ;AAEpD,MAAI,OAAO,aAAa,aAAa;AACnC,oBAAgB,MAAM;AAEpB,YAAM,UAAU,CAAC,GAAG,SAAS,gBAAgB,SAAS;AAEtD,YAAMA,OAAmB,QAAQ,SAAS,QAAQ,IAC9C,SACA,QAAQ,SAAS,SAAS,IAC1B,UACA;AAIJ,sBAAgB,MAAM;AACpB,eAAOA,IAAG;AAAA,MACZ,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO,CAAC,KAAK,MAAM;AACrB;",
+  "mappings": "AAAA,SAAS,iBAAiB,gBAAgB;AAG1C,SAAS,iCAAiC;AAEnC,MAAM,eAAe,CAAC,EAAE,WAAW,QAAQ,IAAgC,CAAC,MAAM;AACvF,QAAM,CAAC,KAAK,MAAM,IAAI,SAAsB,QAAQ;AAEpD,4BAA0B,MAAM;AAE9B,UAAM,UAAU,CAAC,GAAG,SAAS,gBAAgB,SAAS;AAEtD,UAAMA,OAAmB,QAAQ,SAAS,QAAQ,IAC9C,SACA,QAAQ,SAAS,SAAS,IAC1B,UACA;AAIJ,oBAAgB,MAAM;AACpB,aAAOA,IAAG;AAAA,IACZ,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,KAAK,MAAM;AACrB;",
   "names": ["val"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/next-theme",
-  "version": "1.46.2",
+  "version": "1.47.0",
   "sideEffects": false,
   "source": "src/index.ts",
   "types": "./types/index.d.ts",
@@ -16,13 +16,13 @@
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
-    "@tamagui/use-event": "1.46.2"
+    "@tamagui/use-event": "1.47.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.46.2",
+    "@tamagui/build": "1.47.0",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/src/useRootTheme.tsx

@@ -1,28 +1,27 @@
-import { startTransition, useLayoutEffect, useState } from 'react'
+import { startTransition, useState } from 'react'
 
 import { ColorScheme } from './types'
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'
 
 export const useRootTheme = ({ fallback = 'light' }: { fallback?: ColorScheme } = {}) => {
   const [val, setVal] = useState<ColorScheme>(fallback)
 
-  if (typeof document !== 'undefined') {
-    useLayoutEffect(() => {
-      // @ts-ignore
-      const classes = [...document.documentElement.classList]
+  useIsomorphicLayoutEffect(() => {
+    // @ts-ignore
+    const classes = [...document.documentElement.classList]
 
-      const val: ColorScheme = classes.includes(`t_dark`)
-        ? 'dark'
-        : classes.includes(`t_light`)
-        ? 'light'
-        : fallback
+    const val: ColorScheme = classes.includes(`t_dark`)
+      ? 'dark'
+      : classes.includes(`t_light`)
+      ? 'light'
+      : fallback
 
-      // this seems to prevent hydration errors, but not always so if you remove it and it doesn't error
-      // you may regress some peoples apps
-      startTransition(() => {
-        setVal(val)
-      })
-    }, [])
-  }
+    // this seems to prevent hydration errors, but not always so if you remove it and it doesn't error
+    // you may regress some peoples apps
+    startTransition(() => {
+      setVal(val)
+    })
+  }, [])
 
   return [val, setVal] as const
 }

package/types/useRootTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRootTheme.d.ts","sourceRoot":"","sources":["../src/useRootTheme.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,eAAO,MAAM,YAAY;;mGAuBxB,CAAA"}
+{"version":3,"file":"useRootTheme.d.ts","sourceRoot":"","sources":["../src/useRootTheme.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAGrC,eAAO,MAAM,YAAY;;mGAqBxB,CAAA"}