xtreme-ui 0.0.84 → 0.0.86

package/dist/components/context/Theme/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,iBAAiB,EAAE,mBAAmB,EAA6C,MAAM,QAAQ,CAAC;AASxH,QAAA,MAAM,YAAY,4CAA8B,CAAC;AACjD,QAAA,MAAM,aAAa,GAAI,cAAc,mBAAmB,4CAmBvD,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,iBAAiB,EAAE,mBAAmB,EAAgB,MAAM,QAAQ,CAAC;AAS3F,QAAA,MAAM,YAAY,4CAA8B,CAAC;AACjD,QAAA,MAAM,aAAa,GAAI,cAAc,mBAAmB,4CAyBvD,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/context/Theme/ThemeContext.js

@@ -1,28 +1,22 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { createContext as u, useState as h, useEffect as a } from "react";
-import "../../../utils/constants/commons.js";
-import { win as o } from "../../../utils/helper/domHelper.js";
-import { defaultColor as d, defaultScheme as p } from "./type.js";
-var c, l;
-const r = {
-  themeScheme: ((c = o) == null ? void 0 : c.__themeScheme) ?? p,
+import { jsx as u } from "react/jsx-runtime";
+import { createContext as i, useState as s, useEffect as n } from "react";
+import { STORAGE as e } from "../../../utils/constants/commons.js";
+const m = {
+  themeScheme: void 0,
   setThemeScheme: () => null,
-  themeColor: ((l = o) == null ? void 0 : l.__themeColor) ?? d,
+  themeColor: void 0,
   setThemeColor: () => null
-}, x = u(r), D = ({ children: s }) => {
-  const [n, C] = h(r.themeScheme), [f, _] = h(r.themeColor), S = (m) => {
-    var e, t;
-    return (t = (e = o) == null ? void 0 : e.__setPreferredThemeScheme) == null ? void 0 : t.call(e, m);
-  }, T = (m) => {
-    var e, t;
-    return (t = (e = o) == null ? void 0 : e.__setPreferredThemeColor) == null ? void 0 : t.call(e, m);
-  };
-  return a(() => {
-    o && (o.__onThemeSchemeChange = C, o.__onThemeColorChange = _);
-  }, []), /* @__PURE__ */ i(x.Provider, { value: { themeScheme: n, setThemeScheme: S, themeColor: f, setThemeColor: T }, children: s });
+}, a = i(m), T = ({ children: S }) => {
+  const [t, r] = s(m.themeScheme), [o, h] = s(m.themeColor);
+  return n(() => {
+    const c = localStorage.getItem(e.themeScheme), l = localStorage.getItem(e.themeColor);
+    c && r(c), l && h(l);
+  }, []), n(() => {
+    !t || !o || (document.documentElement.setAttribute(e.themeSchemeAttr, t), document.documentElement.setAttribute(e.themeColorAttr, o), localStorage.setItem(e.themeScheme, t), localStorage.setItem(e.themeColor, o));
+  }, [t, o]), /* @__PURE__ */ u(a.Provider, { value: { themeScheme: t, setThemeScheme: r, themeColor: o, setThemeColor: h }, children: S });
 };
 export {
-  x as ThemeContext,
-  D as ThemeProvider
+  a as ThemeContext,
+  T as ThemeProvider
 };

package/dist/components/context/Theme/type.d.ts

@@ -13,7 +13,7 @@ export declare enum EThemeScheme {
     dark = "dark",
     system = "system"
 }
-export type TThemeScheme = keyof typeof EThemeScheme;
+export type TThemeScheme = keyof typeof EThemeScheme | undefined;
 export declare const defaultScheme = EThemeScheme.system;
 export declare enum EThemeColor {
     red = "red",
@@ -24,6 +24,6 @@ export declare enum EThemeColor {
     violet = "violet",
     black = "black"
 }
-export type TThemeColor = keyof typeof EThemeColor;
+export type TThemeColor = keyof typeof EThemeColor | undefined;
 export declare const defaultColor = EThemeColor.violet;
 //# sourceMappingURL=type.d.ts.map

package/dist/components/context/Theme/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,WAAW,EAAE,YAAY,CAAC;IAC1B,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C,CAAA;AACD,MAAM,MAAM,mBAAmB,GAAG;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,oBAAY,YAAY;IACvB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;CACjB;AACD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AACrD,eAAO,MAAM,aAAa,sBAAsB,CAAC;AAEjD,oBAAY,WAAW;IACtB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CACf;AACD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC;AACnD,eAAO,MAAM,YAAY,qBAAqB,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,WAAW,EAAE,YAAY,CAAC;IAC1B,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C,CAAA;AACD,MAAM,MAAM,mBAAmB,GAAG;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,oBAAY,YAAY;IACvB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;CACjB;AACD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,GAAG,SAAS,CAAC;AACjE,eAAO,MAAM,aAAa,sBAAsB,CAAC;AAEjD,oBAAY,WAAW;IACtB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CACf;AACD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,GAAG,SAAS,CAAC;AAC/D,eAAO,MAAM,YAAY,qBAAqB,CAAC"}

package/dist/components/layout/SchemeSwitch/SchemeSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchemeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SchemeSwitch/SchemeSwitch.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,YAAY,kHAyBvB,CAAC"}
+{"version":3,"file":"SchemeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SchemeSwitch/SchemeSwitch.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,YAAY,kHAyBvB,CAAC"}

package/dist/components/layout/SchemeSwitch/SchemeSwitch.js

@@ -1,25 +1,25 @@
 "use client";
 import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as S, useMemo as m } from "react";
+import { forwardRef as S, useMemo as n } from "react";
 import { Button as y } from "../../base/Button/Button.js";
 import { useXTheme as T } from "../../context/useContext.js";
 import { THEME_SCHEME as o } from "../../../utils/constants/commons.js";
-const w = S((n, r) => {
-  const { className: c, withLabel: i = !1, type: s = "secondary", size: a = "default", iconType: h = "solid" } = n, { themeScheme: e, setThemeScheme: f } = T(), l = m(() => o[(o.findIndex((t) => t.name === e) + 1) % o.length], [e]), u = m(() => {
+const w = S((r, c) => {
+  const { className: i, withLabel: s = !1, type: a = "secondary", size: h = "default", iconType: f = "solid" } = r, { themeScheme: e, setThemeScheme: l } = T(), m = n(() => o[(o.findIndex((t) => t.name === e) + 1) % o.length], [e]), u = n(() => {
     var t;
     return ((t = o.find((d) => d.name === e)) == null ? void 0 : t.icon) ?? "";
   }, [e]);
   return /* @__PURE__ */ p(
     y,
     {
-      ref: r,
-      className: c,
-      type: s,
-      size: a,
+      ref: c,
+      className: i,
+      type: a,
+      size: h,
       icon: u,
-      iconType: h,
-      label: i ? `${e === "system" ? "auto" : e}` : void 0,
-      onClick: () => f(l.name)
+      iconType: f,
+      label: s ? e === "system" ? "auto" : e : void 0,
+      onClick: () => m.name && l(m.name)
     }
   );
 });

package/dist/utils/constants/commons.d.ts

@@ -1,5 +1,7 @@
 import { EThemeScheme } from '../../components/context/Theme/type';
 export declare const STORAGE: {
+    themeSchemeAttr: string;
+    themeColorAttr: string;
     themeScheme: string;
     themeColor: string;
 };

package/dist/utils/constants/commons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commons.d.ts","sourceRoot":"","sources":["../../../src/utils/constants/commons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;EAIf,CAAC"}
+{"version":3,"file":"commons.d.ts","sourceRoot":"","sources":["../../../src/utils/constants/commons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;EAIf,CAAC"}

package/dist/utils/constants/commons.js

@@ -1,13 +1,15 @@
 import { EThemeScheme as e } from "../../components/context/Theme/type.js";
-const o = {
+const t = {
+  themeSchemeAttr: "data-theme-scheme",
+  themeColorAttr: "data-theme-color",
   themeScheme: "xThemeScheme",
   themeColor: "xThemeColor"
-}, c = [
+}, o = [
   { name: e.system, icon: "f390" },
   { name: e.light, icon: "f185" },
   { name: e.dark, icon: "f6c3" }
 ];
 export {
-  o as STORAGE,
-  c as THEME_SCHEME
+  t as STORAGE,
+  o as THEME_SCHEME
 };

package/dist/utils/helper/themeController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeController.d.ts","sourceRoot":"","sources":["../../../src/utils/helper/themeController.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAI,SAAQ,MAAsB,EAAE,QAAM,MAAqB,WA+C1F,CAAC"}
+{"version":3,"file":"themeController.d.ts","sourceRoot":"","sources":["../../../src/utils/helper/themeController.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAAI,SAAQ,MAAsB,EAAE,QAAO,MAAqB,WAW3F,CAAC"}

package/dist/utils/helper/themeController.js

@@ -1,52 +1,16 @@
-import { defaultScheme as m, defaultColor as h } from "../../components/context/Theme/type.js";
+import { defaultScheme as m, defaultColor as r } from "../../components/context/Theme/type.js";
 import { STORAGE as e } from "../constants/commons.js";
-const c = (o = m, t = h) => `
-	(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);
-		}
-		function saveToStore() {
-			try {
-				localStorage.setItem("${e.themeScheme}", JSON.stringify(window.__themeScheme));
-			} catch (err) {}
-			try {
-				localStorage.setItem("${e.themeColor}", JSON.stringify(window.__themeColor));
-			} catch (err) {}
-		}
-		
-		window.__onThemeSchemeChange = function () {};
-		window.__onThemeColorChange = function () {};
-	
-		window.__setPreferredThemeScheme = function (newThemeScheme) {
-			setThemeScheme(newThemeScheme);
-			saveToStore();
-		};
-		window.__setPreferredThemeColor = function (newThemeColor) {
-			setThemeColor(newThemeColor);
-			saveToStore();
-		};
-	
-		let themeScheme;
-		let themeColor;
-		
-		try {
-			themeScheme = JSON.parse(localStorage.getItem("${e.themeScheme}"));
-		} catch (err) {}
-		try {
-			themeColor = JSON.parse(localStorage.getItem("${e.themeColor}"));
-		} catch (err) {} 
-		
-		setThemeScheme(themeScheme || "${o}");
-		setThemeColor(themeColor || "${t}");
-	})();
+const l = (t = m, o = r) => `
+	(function() {
+      try {
+        const themeScheme = localStorage.getItem('${e.themeScheme}') || '${t}';
+        const themeColor = localStorage.getItem('${e.themeColor}') || '${o}';
+
+        document.documentElement.setAttribute('${e.themeSchemeAttr}', themeScheme);
+        document.documentElement.setAttribute('${e.themeColorAttr}', themeColor);
+      } catch (e) {}
+    })();
 	`;
 export {
-  c as themeController
+  l as themeController
 };

package/package.json

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