@tamagui/next-theme 1.15.18 → 1.15.20

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 (9) 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/dist/esm/useRootTheme.mjs +4 -2
  6. package/dist/esm/useRootTheme.mjs.map +1 -1
  7. package/package.json +3 -3
  8. package/src/useRootTheme.tsx +4 -2
  9. 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;AAEJ,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;AAEJ,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/dist/esm/useRootTheme.mjs 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.mjs.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;AAEJ,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.15.18",
3
+ "version": "1.15.20",
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.15.18"
19
+ "@tamagui/use-event": "1.15.20"
20
20
  },
21
21
  "peerDependencies": {
22
22
  "react": "*"
23
23
  },
24
24
  "devDependencies": {
25
- "@tamagui/build": "1.15.18",
25
+ "@tamagui/build": "1.15.20",
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
  type ColorScheme = 'dark' | 'light'
4
4
 
@@ -16,7 +16,9 @@ export const useRootTheme = ({ fallback = 'light' }: { fallback?: ColorScheme }
16
16
  ? 'light'
17
17
  : fallback
18
18
 
19
- setVal(val)
19
+ startTransition(() => {
20
+ setVal(val)
21
+ })
20
22
  }, [])
21
23
  }
22
24
 
package/types/useRootTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useRootTheme.d.ts","sourceRoot":"","sources":["../src/useRootTheme.tsx"],"names":[],"mappings":";AAEA,KAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAA;AAEnC,eAAO,MAAM,YAAY;;mGAmBxB,CAAA"}
1
+ {"version":3,"file":"useRootTheme.d.ts","sourceRoot":"","sources":["../src/useRootTheme.tsx"],"names":[],"mappings":";AAEA,KAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAA;AAEnC,eAAO,MAAM,YAAY;;mGAqBxB,CAAA"}