@mbao01/common 0.0.11 → 0.0.12

package/dist/types/utilities/index.d.ts

@@ -1,2 +1,3 @@
+export * from "./theme";
 export { cn } from "./cn";
 export { getSubpaths } from "./getSubpaths";

package/dist/types/utilities/theme.d.ts

@@ -0,0 +1,4 @@
+type Theme = "dark" | "light" | "system";
+export declare const getTheme: () => Theme | null;
+export declare const saveTheme: (theme: Theme) => void;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.0.11",
+  "version": "0.0.12",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -127,5 +127,5 @@
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
   },
-  "gitHead": "148ac0de002cadbfa9129b6056a72b7e132f0110"
+  "gitHead": "529b4ea031970fd4696249033017ce46100c1d47"
 }

package/src/utilities/index.ts

@@ -1,2 +1,3 @@
+export * from "./theme";
 export { cn } from "./cn";
 export { getSubpaths } from "./getSubpaths";

package/src/utilities/theme.ts

@@ -0,0 +1,19 @@
+type Theme = "dark" | "light" | "system";
+
+export const getTheme = () => {
+  if (typeof window === "undefined") return null;
+
+  let t = window.localStorage.getItem("__theme") as Theme;
+  if (!t)
+    t = window.matchMedia("(prefers-color-scheme: dark)")?.matches
+      ? "dark"
+      : window.matchMedia("(prefers-color-scheme: light)")?.matches
+        ? "light"
+        : "system";
+  return t;
+};
+
+export const saveTheme = (theme: Theme) => {
+  document.body.setAttribute("data-theme", theme);
+  localStorage.setItem("__theme", theme);
+};