@tamagui/next-theme 1.15.16 → 1.15.18

package/dist/cjs/useRootTheme.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,31 +15,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useRootTheme_exports = {};
 __export(useRootTheme_exports, {
   useRootTheme: () => useRootTheme
 });
 module.exports = __toCommonJS(useRootTheme_exports);
-var React = __toESM(require("react"));
 var import_react = require("react");
-const useRootTheme = () => {
-  const [val, setVal] = (0, import_react.useState)("light");
+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 isDark = classes.includes("t_dark");
-      React.startTransition(() => {
-        setVal(isDark ? "dark" : "light");
-      });
+      const val2 = classes.includes(`t_dark`) ? "dark" : classes.includes(`t_light`) ? "light" : fallback;
+      setVal(val2);
     }, []);
   }
   return [val, setVal];

package/dist/cjs/useRootTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useRootTheme.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,mBAA0C;AAInC,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,OAAO;AAEtC,MAAI,OAAO,aAAa,aAAa;AACnC,sCAAgB,MAAM;AAEpB,YAAM,UAAU,CAAC,GAAG,SAAS,gBAAgB,SAAS;AACtD,YAAM,SAAS,QAAQ,SAAS,QAAQ;AACxC,YAAM,gBAAgB,MAAM;AAC1B,eAAO,SAAS,SAAS,OAAO;AAAA,MAClC,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO,CAAC,KAAK,MAAM;AACrB;",
-  "names": []
+  "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;",
+  "names": ["val"]
 }

package/dist/esm/useRootTheme.js

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

package/dist/esm/useRootTheme.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useRootTheme.tsx"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,iBAAiB,gBAAgB;AAInC,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AAEtC,MAAI,OAAO,aAAa,aAAa;AACnC,oBAAgB,MAAM;AAEpB,YAAM,UAAU,CAAC,GAAG,SAAS,gBAAgB,SAAS;AACtD,YAAM,SAAS,QAAQ,SAAS,QAAQ;AACxC,YAAM,gBAAgB,MAAM;AAC1B,eAAO,SAAS,SAAS,OAAO;AAAA,MAClC,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO,CAAC,KAAK,MAAM;AACrB;",
-  "names": []
+  "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;",
+  "names": ["val"]
 }

package/dist/esm/useRootTheme.mjs

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

package/dist/esm/useRootTheme.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/useRootTheme.tsx"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,iBAAiB,gBAAgB;AAInC,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AAEtC,MAAI,OAAO,aAAa,aAAa;AACnC,oBAAgB,MAAM;AAEpB,YAAM,UAAU,CAAC,GAAG,SAAS,gBAAgB,SAAS;AACtD,YAAM,SAAS,QAAQ,SAAS,QAAQ;AACxC,YAAM,gBAAgB,MAAM;AAC1B,eAAO,SAAS,SAAS,OAAO;AAAA,MAClC,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO,CAAC,KAAK,MAAM;AACrB;",
-  "names": []
+  "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;",
+  "names": ["val"]
 }

package/package.json

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

package/src/useRootTheme.tsx

@@ -1,19 +1,22 @@
-import * as React from 'react'
 import { useLayoutEffect, useState } from 'react'
 
-// note this only works for light being default for now...
+type ColorScheme = 'dark' | 'light'
 
-export const useRootTheme = () => {
-  const [val, setVal] = useState('light')
+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]
-      const isDark = classes.includes('t_dark')
-      React.startTransition(() => {
-        setVal(isDark ? 'dark' : 'light')
-      })
+
+      const val: ColorScheme = classes.includes(`t_dark`)
+        ? 'dark'
+        : classes.includes(`t_light`)
+        ? 'light'
+        : fallback
+
+      setVal(val)
     }, [])
   }
 

package/types/useRootTheme.d.ts

@@ -1,3 +1,7 @@
-import * as React from 'react';
-export declare const useRootTheme: () => readonly [string, React.Dispatch<React.SetStateAction<string>>];
+/// <reference types="react" />
+type ColorScheme = 'dark' | 'light';
+export declare const useRootTheme: ({ fallback }?: {
+    fallback?: ColorScheme | undefined;
+}) => readonly [ColorScheme, import("react").Dispatch<import("react").SetStateAction<ColorScheme>>];
+export {};
 //# sourceMappingURL=useRootTheme.d.ts.map

package/types/useRootTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRootTheme.d.ts","sourceRoot":"","sources":["../src/useRootTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,eAAO,MAAM,YAAY,uEAexB,CAAA"}
+{"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"}