xtreme-ui 0.0.31 → 0.0.34

package/dist/utils/helper/themeController.js

@@ -0,0 +1,48 @@
+"use client";
+import { defaultScheme as o, defaultColor as t } from "../../components/context/Theme/type.js";
+import { STORAGE as e } from "../constants/commons.js";
+const n = `
+(function () {
+	function setThemeScheme(newThemeScheme) {
+		document.documentElement.setAttribute("data-theme-scheme", newThemeScheme);
+		window.__themeScheme = newThemeScheme;
+		window.__onThemeSchemeChange(newThemeScheme);
+	}
+	function setThemeColor(newThemeColor) {
+		document.documentElement.setAttribute("data-theme-color", newThemeColor);
+		window.__themeColor = newThemeColor;
+		window.__onThemeColorChange(newThemeColor);
+	}
+	
+	window.__onThemeSchemeChange = function () {};
+	window.__onThemeColorChange = function () {};
+
+	window.__setPreferredThemeScheme = function (newThemeScheme) {
+		setThemeScheme(newThemeScheme);
+		try {
+			localStorage.setItem("${e.themeScheme}", JSON.stringify(window.__themeScheme));
+		} catch (err) {}
+	};
+	window.__setPreferredThemeColor = function (newThemeColor) {
+		setThemeColor(newThemeColor);
+		try {
+			localStorage.setItem("${e.themeColor}", JSON.stringify(window.__themeColor));
+		} catch (err) {}
+	};
+
+	let themeScheme;
+	let themeColor;
+	
+	try {
+		themeScheme = JSON.parse(localStorage.getItem("${e.themeScheme}"));
+		themeColor = JSON.parse(localStorage.getItem("${e.themeColor}"));
+	} catch (err) {}  
+	
+	setThemeScheme(themeScheme || "${o}"));
+	setThemeColor(themeColor || "${t}");
+})();
+`;
+export {
+  n as themeController
+};
+//# sourceMappingURL=themeController.js.map

package/dist/utils/helper/themeController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeController.js","sources":["../../../src/utils/helper/themeController.ts"],"sourcesContent":["import { defaultColor, defaultScheme } from '#components/context/Theme/type';\n\nimport { STORAGE } from '../constants/commons';\n\nexport const themeController = `\n(function () {\n\tfunction setThemeScheme(newThemeScheme) {\n\t\tdocument.documentElement.setAttribute(\"data-theme-scheme\", newThemeScheme);\n\t\twindow.__themeScheme = newThemeScheme;\n\t\twindow.__onThemeSchemeChange(newThemeScheme);\n\t}\n\tfunction setThemeColor(newThemeColor) {\n\t\tdocument.documentElement.setAttribute(\"data-theme-color\", newThemeColor);\n\t\twindow.__themeColor = newThemeColor;\n\t\twindow.__onThemeColorChange(newThemeColor);\n\t}\n\t\n\twindow.__onThemeSchemeChange = function () {};\n\twindow.__onThemeColorChange = function () {};\n\n\twindow.__setPreferredThemeScheme = function (newThemeScheme) {\n\t\tsetThemeScheme(newThemeScheme);\n\t\ttry {\n\t\t\tlocalStorage.setItem(\"${STORAGE.themeScheme}\", JSON.stringify(window.__themeScheme));\n\t\t} catch (err) {}\n\t};\n\twindow.__setPreferredThemeColor = function (newThemeColor) {\n\t\tsetThemeColor(newThemeColor);\n\t\ttry {\n\t\t\tlocalStorage.setItem(\"${STORAGE.themeColor}\", JSON.stringify(window.__themeColor));\n\t\t} catch (err) {}\n\t};\n\n\tlet themeScheme;\n\tlet themeColor;\n\t\n\ttry {\n\t\tthemeScheme = JSON.parse(localStorage.getItem(\"${STORAGE.themeScheme}\"));\n\t\tthemeColor = JSON.parse(localStorage.getItem(\"${STORAGE.themeColor}\"));\n\t} catch (err) {}  \n\t\n\tsetThemeScheme(themeScheme || \"${defaultScheme}\"));\n\tsetThemeColor(themeColor || \"${defaultColor}\");\n})();\n`;\n"],"names":["themeController","STORAGE","defaultScheme","defaultColor"],"mappings":";;;AAIO,MAAMA,IAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAmBJC,EAAQ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAMnBA,EAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mDAQMA,EAAQ,WAAW;AAAA,kDACpBA,EAAQ,UAAU;AAAA;AAAA;AAAA,kCAGlCC,CAAa;AAAA,gCACfC,CAAY;AAAA;AAAA;"}

package/dist/utils/index.d.ts

@@ -1,4 +1,7 @@
-export * from './helper/domHelper';
+export * from './constants/commons';
+export * from './function/localStorage';
 export * from './function/mergeRefs';
 export * from './function/string';
+export * from './helper/domHelper';
+export * from './helper/themeController';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "xtreme-ui",
-	"version": "0.0.31",
+	"version": "0.0.34",
 	"type": "module",
 	"description": "Collection of reusable components that can be used in web projects",
 	"main": "dist/index.js",

package/dist/components/hooks/usePersistingState.js

@@ -1,13 +0,0 @@
-"use client";
-import { useState as n, useEffect as i } from "react";
-import { setLocalState as a } from "../../utils/function/localStorage.js";
-const d = (t, r) => {
-  const [e, s] = n(r);
-  return i(() => {
-    const o = () => a(t, e);
-    return window.addEventListener("beforeunload", o), () => window.removeEventListener("beforeunload", o);
-  }, [t, e]), [e, s];
-};
-export {
-  d as usePersistingState
-};

package/dist/components/hooks/useTheme.d.ts

@@ -1,28 +0,0 @@
-import { TStateHook } from './type';
-export declare const applyTheme: (theme: TTheme) => void;
-export declare const useTheme: (initialTheme: TTheme) => TStateHook<TTheme>;
-declare enum EScheme {
-    light = "light",
-    dark = "dark",
-    system = "system"
-}
-export type TScheme = keyof typeof EScheme;
-export declare enum EColor {
-    red = "red",
-    pink = "pink",
-    orange = "orange",
-    blue = "blue",
-    violet = "violet",
-    black = "black"
-}
-export type TColor = keyof typeof EColor;
-export type TTheme = {
-    scheme: TScheme;
-    color: TColor;
-};
-export declare const defaultTheme: {
-    scheme: EScheme;
-    color: EColor;
-};
-export {};
-//# sourceMappingURL=useTheme.d.ts.map

package/dist/components/hooks/useTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useTheme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAGpC,eAAO,MAAM,UAAU,UAAW,MAAM,SAGvC,CAAC;AACF,eAAO,MAAM,QAAQ,iBAAkB,MAAM,uBAQ5C,CAAC;AAEF,aAAK,OAAO;IACX,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;CACjB;AACD,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,OAAO,CAAC;AAC3C,oBAAY,MAAM;IACjB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CACf;AACD,MAAM,MAAM,MAAM,GAAG,MAAM,OAAO,MAAM,CAAC;AAEzC,MAAM,MAAM,MAAM,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACd,CAAA;AACD,eAAO,MAAM,YAAY;;;CAGxB,CAAC"}

package/dist/components/hooks/useTheme.js

@@ -1,23 +0,0 @@
-"use client";
-import { useEffect as m } from "react";
-import { STORAGE as n } from "../../utils/constants/commons.js";
-import { doc as c } from "../../utils/helper/domHelper.js";
-import { usePersistingState as u } from "./usePersistingState.js";
-const i = (e) => {
-  var t, o, r, s;
-  (o = (t = c) == null ? void 0 : t.documentElement) == null || o.setAttribute("data-theme-scheme", e == null ? void 0 : e.scheme), (s = (r = c) == null ? void 0 : r.documentElement) == null || s.setAttribute("data-theme-color", e == null ? void 0 : e.color);
-}, p = (e) => {
-  const [t, o] = u(n.theme, e);
-  return m(() => {
-    i(t);
-  }, [t]), [t, o];
-}, T = {
-  scheme: "system",
-  color: "red"
-  /* red */
-};
-export {
-  i as applyTheme,
-  T as defaultTheme,
-  p as useTheme
-};