@tamagui/next-theme 1.45.6 → 1.45.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/cjs/useRootTheme.js +3 -1
  2. package/dist/cjs/useRootTheme.js.map +1 -1
  3. package/dist/esm/useRootTheme.js +4 -2
  4. package/dist/esm/useRootTheme.js.map +1 -1
  5. package/package.json +3 -3
  6. package/src/useRootTheme.tsx +6 -2
  7. package/types/useRootTheme.d.ts.map +1 -1
package/dist/cjs/useRootTheme.js CHANGED
@@ -28,7 +28,9 @@ const useRootTheme = ({ fallback = "light" } = {}) => {
28
28
  (0, import_react.useLayoutEffect)(() => {
29
29
  const classes = [...document.documentElement.classList];
30
30
  const val2 = classes.includes(`t_dark`) ? "dark" : classes.includes(`t_light`) ? "light" : fallback;
31
- setVal(val2);
31
+ (0, import_react.startTransition)(() => {
32
+ setVal(val2);
33
+ });
32
34
  }, []);
33
35
  }
34
36
  return [val, setVal];
package/dist/cjs/useRootTheme.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/useRootTheme.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAInC,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;AAEJ,aAAOA,IAAG;AAAA,IACZ,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO,CAAC,KAAK,MAAM;AACrB;",
4
+ "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;",
5
5
  "names": ["val"]
6
6
  }
package/dist/esm/useRootTheme.js CHANGED
@@ -1,11 +1,13 @@
1
- import { useLayoutEffect, useState } from "react";
1
+ import { startTransition, useLayoutEffect, useState } from "react";
2
2
  const useRootTheme = ({ fallback = "light" } = {}) => {
3
3
  const [val, setVal] = useState(fallback);
4
4
  if (typeof document !== "undefined") {
5
5
  useLayoutEffect(() => {
6
6
  const classes = [...document.documentElement.classList];
7
7
  const val2 = classes.includes(`t_dark`) ? "dark" : classes.includes(`t_light`) ? "light" : fallback;
8
- setVal(val2);
8
+ startTransition(() => {
9
+ setVal(val2);
10
+ });
9
11
  }, []);
10
12
  }
11
13
  return [val, setVal];
package/dist/esm/useRootTheme.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/useRootTheme.tsx"],
4
- "mappings": "AAAA,SAAS,iBAAiB,gBAAgB;AAInC,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;AAEJ,aAAOA,IAAG;AAAA,IACZ,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO,CAAC,KAAK,MAAM;AACrB;",
4
+ "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;",
5
5
  "names": ["val"]
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/next-theme",
3
- "version": "1.45.6",
3
+ "version": "1.45.7",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -16,13 +16,13 @@
16
16
  "watch": "tamagui-build --watch"
17
17
  },
18
18
  "dependencies": {
19
- "@tamagui/use-event": "1.45.6"
19
+ "@tamagui/use-event": "1.45.7"
20
20
  },
21
21
  "peerDependencies": {
22
22
  "react": "*"
23
23
  },
24
24
  "devDependencies": {
25
- "@tamagui/build": "1.45.6",
25
+ "@tamagui/build": "1.45.7",
26
26
  "react": "^18.2.0"
27
27
  },
28
28
  "publishConfig": {
package/src/useRootTheme.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { useLayoutEffect, useState } from 'react'
1
+ import { startTransition, useLayoutEffect, useState } from 'react'
2
2
 
3
3
  import { ColorScheme } from './types'
4
4
 
@@ -16,7 +16,11 @@ export const useRootTheme = ({ fallback = 'light' }: { fallback?: ColorScheme }
16
16
  ? 'light'
17
17
  : fallback
18
18
 
19
- setVal(val)
19
+ // this seems to prevent hydration errors, but not always so if you remove it and it doesn't error
20
+ // you may regress some peoples apps
21
+ startTransition(() => {
22
+ setVal(val)
23
+ })
20
24
  }, [])
21
25
  }
22
26
 
package/types/useRootTheme.d.ts.map CHANGED
@@ -1 +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;;mGAmBxB,CAAA"}
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"}