xtreme-ui 0.0.34 → 0.0.36

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,EAAgB,MAAM,QAAQ,CAAC;AAS3F,QAAA,MAAM,YAAY,4CAA8B,CAAC;AACjD,QAAA,MAAM,aAAa,iBAAkB,mBAAmB,4CAuBvD,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,EAA6C,MAAM,QAAQ,CAAC;AASxH,QAAA,MAAM,YAAY,4CAA8B,CAAC;AACjD,QAAA,MAAM,aAAa,iBAAkB,mBAAmB,4CAmBvD,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,26 +1,29 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { createContext as l, useState as t, useEffect as _ } from "react";
-import { win as d } from "../../../utils/helper/domHelper.js";
-const C = {
-  scheme: window.__themeScheme,
+import { jsx as u } from "react/jsx-runtime";
+import { createContext as a, useState as h, useEffect as S } from "react";
+import { win as o } from "../../../utils/helper/domHelper.js";
+import "../../../utils/helper/themeController.js";
+import { defaultScheme as d, defaultColor as p } from "./type.js";
+var c, s;
+const m = {
+  scheme: ((c = o) == null ? void 0 : c.__themeScheme) ?? d,
   setThemeScheme: () => null,
-  color: window.__themeColor,
+  color: ((s = o) == null ? void 0 : s.__themeColor) ?? p,
   setThemeColor: () => null
-}, T = l(C), a = ({ children: m }) => {
-  const [r, h] = t(window.__themeScheme), [n, c] = t(window.__themeColor), s = (o) => {
-    var e;
-    (e = window.__setPreferredThemeScheme) == null || e.call(window, o);
-  }, w = (o) => {
-    var e;
-    (e = window.__setPreferredThemeColor) == null || e.call(window, o);
+}, x = a(m), D = ({ children: l }) => {
+  const [n, f] = h(m.scheme), [_, C] = h(m.color), T = (r) => {
+    var e, t;
+    return (t = (e = o) == null ? void 0 : e.__setPreferredThemeScheme) == null ? void 0 : t.call(e, r);
+  }, i = (r) => {
+    var e, t;
+    return (t = (e = o) == null ? void 0 : e.__setPreferredThemeColor) == null ? void 0 : t.call(e, r);
   };
-  return _(() => {
-    d && (window.__onThemeSchemeChange = h, window.__onThemeColorChange = c);
-  }, []), /* @__PURE__ */ i(T.Provider, { value: { scheme: r, setThemeScheme: s, color: n, setThemeColor: w }, children: m });
+  return S(() => {
+    o && (o.__onThemeSchemeChange = f, o.__onThemeColorChange = C);
+  }, []), /* @__PURE__ */ u(x.Provider, { value: { scheme: n, setThemeScheme: T, color: _, setThemeColor: i }, children: l });
 };
 export {
-  T as ThemeContext,
-  a as ThemeProvider
+  x as ThemeContext,
+  D as ThemeProvider
 };
 //# sourceMappingURL=ThemeContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.js","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"sourcesContent":["import { createContext, useEffect, useState } from 'react';\n\nimport { win } from '#utils/helper/domHelper';\n\nimport { TThemeColor, TThemeInitialType, TThemeProviderProps, TThemeScheme } from './type';\n\nconst ThemeDefault: TThemeInitialType = {\n\tscheme: window.__themeScheme,\n\tsetThemeScheme: () => null,\n\tcolor: window.__themeColor,\n\tsetThemeColor: () => null,\n};\n\nconst ThemeContext = createContext(ThemeDefault);\nconst ThemeProvider = ({ children }: TThemeProviderProps) => {\n\tconst [scheme, setScheme] = useState<TThemeScheme>(window.__themeScheme);\n\tconst [color, setColor] = useState<TThemeColor>(window.__themeColor);\n\n\tconst setThemeScheme = (val: TThemeScheme) => {\n\t\twindow.__setPreferredThemeScheme?.(val);\n\t};\n\tconst setThemeColor = (val: TThemeColor) => {\n\t\twindow.__setPreferredThemeColor?.(val);\n\t};\n\n\tuseEffect(() => {\n\t\tif (win) {\n\t\t\twindow.__onThemeSchemeChange = setScheme;\n\t\t\twindow.__onThemeColorChange = setColor;\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<ThemeContext.Provider value={{ scheme, setThemeScheme, color, setThemeColor }}>\n\t\t\t{children}\n\t\t</ThemeContext.Provider>\n\t);\n};\n\nexport { ThemeProvider, ThemeContext };\n"],"names":["ThemeDefault","ThemeContext","createContext","ThemeProvider","children","scheme","setScheme","useState","color","setColor","setThemeScheme","val","_a","setThemeColor","useEffect","win","jsx"],"mappings":";;;;AAMA,MAAMA,IAAkC;AAAA,EACvC,QAAQ,OAAO;AAAA,EACf,gBAAgB,MAAM;AAAA,EACtB,OAAO,OAAO;AAAA,EACd,eAAe,MAAM;AACtB,GAEMC,IAAeC,EAAcF,CAAY,GACzCG,IAAgB,CAAC,EAAE,UAAAC,QAAoC;AAC5D,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAuB,OAAO,aAAa,GACjE,CAACC,GAAOC,CAAQ,IAAIF,EAAsB,OAAO,YAAY,GAE7DG,IAAiB,CAACC,MAAsB;;AAC7C,KAAAC,IAAA,OAAO,8BAAP,QAAAA,EAAA,aAAmCD;AAAA,EAAG,GAEjCE,IAAgB,CAACF,MAAqB;;AAC3C,KAAAC,IAAA,OAAO,6BAAP,QAAAA,EAAA,aAAkCD;AAAA,EAAG;AAGtC,SAAAG,EAAU,MAAM;AACf,IAAIC,MACH,OAAO,wBAAwBT,GAC/B,OAAO,uBAAuBG;AAAA,EAEhC,GAAG,CAAE,CAAA,GAGJ,gBAAAO,EAACf,EAAa,UAAb,EAAsB,OAAO,EAAE,QAAAI,GAAQ,gBAAAK,GAAgB,OAAAF,GAAO,eAAAK,KAC7D,UAAAT,EACF,CAAA;AAEF;"}
+{"version":3,"file":"ThemeContext.js","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"sourcesContent":["import { createContext, useEffect, useState } from 'react';\n\nimport { win } from '#utils/index';\n\nimport { TThemeColor, TThemeInitialType, TThemeProviderProps, TThemeScheme, defaultColor, defaultScheme } from './type';\n\nconst ThemeDefault: TThemeInitialType = {\n\tscheme: win?.__themeScheme ?? defaultScheme,\n\tsetThemeScheme: () => null,\n\tcolor: win?.__themeColor ?? defaultColor,\n\tsetThemeColor: () => null,\n};\n\nconst ThemeContext = createContext(ThemeDefault);\nconst ThemeProvider = ({ children }: TThemeProviderProps) => {\n\tconst [scheme, setScheme] = useState<TThemeScheme>(ThemeDefault.scheme);\n\tconst [color, setColor] = useState<TThemeColor>(ThemeDefault.color);\n\n\tconst setThemeScheme = (val: TThemeScheme) => win?.__setPreferredThemeScheme?.(val);\n\tconst setThemeColor = (val: TThemeColor) => win?.__setPreferredThemeColor?.(val);\n\n\tuseEffect(() => {\n\t\tif (win) {\n\t\t\twin.__onThemeSchemeChange = setScheme;\n\t\t\twin.__onThemeColorChange = setColor;\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<ThemeContext.Provider value={{ scheme, setThemeScheme, color, setThemeColor }}>\n\t\t\t{children}\n\t\t</ThemeContext.Provider>\n\t);\n};\n\nexport { ThemeProvider, ThemeContext };\n"],"names":["ThemeDefault","_a","win","defaultScheme","_b","defaultColor","ThemeContext","createContext","ThemeProvider","children","scheme","setScheme","useState","color","setColor","setThemeScheme","val","setThemeColor","useEffect","jsx"],"mappings":";;;;;;;AAMA,MAAMA,IAAkC;AAAA,EACvC,UAAQC,IAAAC,MAAA,gBAAAD,EAAK,kBAAiBE;AAAA,EAC9B,gBAAgB,MAAM;AAAA,EACtB,SAAOC,IAAAF,MAAA,gBAAAE,EAAK,iBAAgBC;AAAA,EAC5B,eAAe,MAAM;AACtB,GAEMC,IAAeC,EAAcP,CAAY,GACzCQ,IAAgB,CAAC,EAAE,UAAAC,QAAoC;AAC5D,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAuBZ,EAAa,MAAM,GAChE,CAACa,GAAOC,CAAQ,IAAIF,EAAsBZ,EAAa,KAAK,GAE5De,IAAiB,CAACC,MAAsB;;AAAA,YAAAZ,KAAAH,IAAAC,MAAA,gBAAAD,EAAK,8BAAL,gBAAAG,EAAA,KAAAH,GAAiCe;AAAA,KACzEC,IAAgB,CAACD,MAAqB;;AAAA,YAAAZ,KAAAH,IAAAC,MAAA,gBAAAD,EAAK,6BAAL,gBAAAG,EAAA,KAAAH,GAAgCe;AAAA;AAE5E,SAAAE,EAAU,MAAM;AACf,IAAIhB,MACHA,EAAI,wBAAwBS,GAC5BT,EAAI,uBAAuBY;AAAA,EAE7B,GAAG,CAAE,CAAA,GAGJ,gBAAAK,EAACb,EAAa,UAAb,EAAsB,OAAO,EAAE,QAAAI,GAAQ,gBAAAK,GAAgB,OAAAF,GAAO,eAAAI,KAC7D,UAAAR,EACF,CAAA;AAEF;"}

package/dist/utils/helper/themeController.js

@@ -38,7 +38,7 @@ const n = `
 		themeColor = JSON.parse(localStorage.getItem("${e.themeColor}"));
 	} catch (err) {}  
 	
-	setThemeScheme(themeScheme || "${o}"));
+	setThemeScheme(themeScheme || "${o}");
 	setThemeColor(themeColor || "${t}");
 })();
 `;

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

@@ -1 +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;"}
+{"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/package.json

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