xtreme-ui 0.0.30 → 0.0.31

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

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,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"}
+{"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,21 +1,23 @@
 "use client";
-import { useEffect as s } from "react";
-import { STORAGE as c } from "../../utils/constants/commons.js";
-import { usePersistingState as r } from "./usePersistingState.js";
-const m = (e) => {
-  document.documentElement.setAttribute("data-theme-scheme", e == null ? void 0 : e.scheme), document.documentElement.setAttribute("data-theme-color", e == null ? void 0 : e.color);
-}, i = (e) => {
-  const [t, o] = r(c.theme, e);
-  return s(() => {
-    m(t);
+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];
-}, l = {
+}, T = {
   scheme: "system",
   color: "red"
   /* red */
 };
 export {
-  m as applyTheme,
-  l as defaultTheme,
-  i as useTheme
+  i as applyTheme,
+  T as defaultTheme,
+  p as useTheme
 };

package/dist/index.js

@@ -1,52 +1,54 @@
 "use client";
 import "./styles/index.scss.js";
-import { dom as t, elementObserver as p, getCssProperty as i, getCssPropertyPx as m, getCssPropertyVh as f, getCssPropertyVw as s, isClient as x, setCssProperty as n, waitForElement as a } from "./utils/helper/domHelper.js";
-import { mergeRefs as P } from "./utils/function/mergeRefs.js";
-import { capitalizeFirstLetter as C, safeStringFromCodePoint as d, unicodeToString as l } from "./utils/function/string.js";
-import { XProvider as E } from "./components/context/index.js";
-import { useXData as u } from "./components/context/useContext.js";
-import { Avatar as z } from "./components/base/Avatar/Avatar.js";
-import { EAvatarSize as F } from "./components/base/Avatar/types.js";
-import { Button as T } from "./components/base/Button/Button.js";
-import { EButtonTypes as A } from "./components/base/Button/types.js";
-import { Icon as V } from "./components/base/Icon/Icon.js";
-import { EIconSize as b } from "./components/base/Icon/types.js";
-import { Lottie as D } from "./components/base/Lottie/Lottie.js";
-import { ELottieSize as O } from "./components/base/Lottie/types.js";
-import { ProgressBar as j } from "./components/base/ProgressBar/ProgressBar.js";
-import { Spinner as q } from "./components/base/Spinner/Spinner.js";
-import { ESpinnerSize as H } from "./components/base/Spinner/types.js";
-import { Textfield as K } from "./components/base/Textfield/Textfield.js";
-import { Sider as Q } from "./components/layout/Sider/Sider.js";
-import { Navigation as W } from "./components/layout/Navigation/Navigation.js";
+import { doc as t, elementObserver as p, getCssProperty as i, getCssPropertyPx as m, getCssPropertyVh as f, getCssPropertyVw as s, isClient as x, localStore as n, setCssProperty as a, waitForElement as S, win as g } from "./utils/helper/domHelper.js";
+import { mergeRefs as l } from "./utils/function/mergeRefs.js";
+import { capitalizeFirstLetter as C, safeStringFromCodePoint as d, unicodeToString as y } from "./utils/function/string.js";
+import { XProvider as u } from "./components/context/index.js";
+import { useXData as z } from "./components/context/useContext.js";
+import { Avatar as B } from "./components/base/Avatar/Avatar.js";
+import { EAvatarSize as L } from "./components/base/Avatar/types.js";
+import { Button as A } from "./components/base/Button/Button.js";
+import { EButtonTypes as V } from "./components/base/Button/types.js";
+import { Icon as b } from "./components/base/Icon/Icon.js";
+import { EIconSize as D } from "./components/base/Icon/types.js";
+import { Lottie as O } from "./components/base/Lottie/Lottie.js";
+import { ELottieSize as j } from "./components/base/Lottie/types.js";
+import { ProgressBar as q } from "./components/base/ProgressBar/ProgressBar.js";
+import { Spinner as H } from "./components/base/Spinner/Spinner.js";
+import { ESpinnerSize as K } from "./components/base/Spinner/types.js";
+import { Textfield as Q } from "./components/base/Textfield/Textfield.js";
+import { Sider as W } from "./components/layout/Sider/Sider.js";
+import { Navigation as Z } from "./components/layout/Navigation/Navigation.js";
 export {
-  z as Avatar,
-  T as Button,
-  F as EAvatarSize,
-  A as EButtonTypes,
-  b as EIconSize,
-  O as ELottieSize,
-  H as ESpinnerSize,
-  V as Icon,
-  D as Lottie,
-  W as Navigation,
-  j as ProgressBar,
-  Q as Sider,
-  q as Spinner,
-  K as Textfield,
-  E as XProvider,
+  B as Avatar,
+  A as Button,
+  L as EAvatarSize,
+  V as EButtonTypes,
+  D as EIconSize,
+  j as ELottieSize,
+  K as ESpinnerSize,
+  b as Icon,
+  O as Lottie,
+  Z as Navigation,
+  q as ProgressBar,
+  W as Sider,
+  H as Spinner,
+  Q as Textfield,
+  u as XProvider,
   C as capitalizeFirstLetter,
-  t as dom,
+  t as doc,
   p as elementObserver,
   i as getCssProperty,
   m as getCssPropertyPx,
   f as getCssPropertyVh,
   s as getCssPropertyVw,
   x as isClient,
-  P as mergeRefs,
+  n as localStore,
+  l as mergeRefs,
   d as safeStringFromCodePoint,
-  n as setCssProperty,
-  l as unicodeToString,
-  u as useXData,
-  a as waitForElement
+  a as setCssProperty,
+  y as unicodeToString,
+  z as useXData,
+  S as waitForElement,
+  g as win
 };

package/dist/utils/function/localStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localStorage.d.ts","sourceRoot":"","sources":["../../../src/utils/function/localStorage.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,WAAY,MAAM,gCAS3C,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,MAAM,mBAO3C,CAAC"}
+{"version":3,"file":"localStorage.d.ts","sourceRoot":"","sources":["../../../src/utils/function/localStorage.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,WAAY,MAAM,gCAS3C,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,MAAM,mBAO3C,CAAC"}

package/dist/utils/function/localStorage.js

@@ -1,19 +1,22 @@
 "use client";
-const c = (o, e) => {
+import { localStore as r } from "../helper/domHelper.js";
+const n = (c, o) => {
+  var e;
   try {
-    const t = localStorage.getItem(o);
-    return t ? JSON.parse(t) : e ?? "";
+    const t = (e = r) == null ? void 0 : e.getItem(c);
+    return t ? JSON.parse(t) : o ?? "";
   } catch (t) {
-    return console.log(t), e ?? "";
+    return console.log(t), o ?? "";
   }
-}, r = (o, e) => {
+}, l = (c, o) => {
+  var e;
   try {
-    localStorage.setItem(o, JSON.stringify(e));
+    (e = r) == null || e.setItem(c, JSON.stringify(o));
   } catch (t) {
     console.log(t);
   }
 };
 export {
-  c as getLocalState,
-  r as setLocalState
+  n as getLocalState,
+  l as setLocalState
 };

package/dist/utils/helper/domHelper.d.ts

@@ -1,6 +1,8 @@
 import { RefObject } from 'react';
 export declare const isClient: boolean;
-export declare const dom: (Window & typeof globalThis) | undefined;
+export declare const win: (Window & typeof globalThis) | undefined;
+export declare const doc: Document | undefined;
+export declare const localStore: Storage | undefined;
 export declare const getCssProperty: (property: string, element: RefObject<HTMLElement>) => string;
 export declare const getCssPropertyPx: (property: string, element: RefObject<HTMLElement>) => number;
 export declare const getCssPropertyVh: (property: string, element: RefObject<HTMLElement>) => number[];

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

@@ -1 +1 @@
-{"version":3,"file":"domHelper.d.ts","sourceRoot":"","sources":["../../../src/utils/helper/domHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,QAAQ,SAAgC,CAAC;AACtD,eAAO,MAAM,GAAG,0CAAgC,CAAC;AAEjD,eAAO,MAAM,cAAc,aAAc,MAAM,WAAW,UAAU,WAAW,CAAC,WAE/E,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAAc,MAAM,WAAW,UAAU,WAAW,CAAC,WAEjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAAc,MAAM,WAAW,UAAU,WAAW,CAAC,aAGjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAAc,MAAM,WAAW,UAAU,WAAW,CAAC,aAGjF,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,MAAM,SAAS,MAAM,WAAW,UAAU,WAAW,CAAC,cAE9F,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,MAAM,yBAc9C,CAAC;AAEF,eAAO,MAAM,eAAe,OAAQ,uBAAuB,aAAa,MAAM,EAAE,SAkB/E,CAAC;AAEF,KAAK,uBAAuB,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,OAAO,qBAAqB,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;AAChI,aAAK,qBAAqB;IACzB,KAAK,UAAU;IACf,OAAO,YAAY;CACnB"}
+{"version":3,"file":"domHelper.d.ts","sourceRoot":"","sources":["../../../src/utils/helper/domHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,QAAQ,SAAgC,CAAC;AACtD,eAAO,MAAM,GAAG,0CAAgC,CAAC;AACjD,eAAO,MAAM,GAAG,sBAAkC,CAAC;AACnD,eAAO,MAAM,UAAU,qBAAsC,CAAC;AAE9D,eAAO,MAAM,cAAc,aAAc,MAAM,WAAW,UAAU,WAAW,CAAC,WAE/E,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAAc,MAAM,WAAW,UAAU,WAAW,CAAC,WAEjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAAc,MAAM,WAAW,UAAU,WAAW,CAAC,aAGjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,aAAc,MAAM,WAAW,UAAU,WAAW,CAAC,aAGjF,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,MAAM,SAAS,MAAM,WAAW,UAAU,WAAW,CAAC,cAE9F,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,MAAM,yBAc9C,CAAC;AAEF,eAAO,MAAM,eAAe,OAAQ,uBAAuB,aAAa,MAAM,EAAE,SAkB/E,CAAC;AAEF,KAAK,uBAAuB,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,OAAO,qBAAqB,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAA;AAChI,aAAK,qBAAqB;IACzB,KAAK,UAAU;IACf,OAAO,YAAY;CACnB"}

package/dist/utils/helper/domHelper.js

@@ -1,38 +1,40 @@
 "use client";
-const s = typeof window < "u", r = s ? window : void 0, c = (n, e) => s ? getComputedStyle((e == null ? void 0 : e.current) || document.documentElement).getPropertyValue(n) : "", v = (n, e) => parseInt(c(n, e).replace(/px/g, "")), g = (n, e) => {
-  const t = parseInt(c(n, e).replace(/vh/g, ""));
-  return [((r == null ? void 0 : r.innerHeight) ?? 0) * t / 100, t];
-}, h = (n, e) => {
-  const t = parseInt(c(n, e).replace(/vw/g, ""));
-  return [((r == null ? void 0 : r.innerWidth) ?? 0) * t / 100, t];
-}, b = (n, e, t) => s ? ((t == null ? void 0 : t.current) || document.documentElement).style.setProperty(n, e) : "", w = (n) => new Promise((e) => {
+const c = typeof window < "u", o = c ? window : void 0, f = c ? document : void 0, g = c ? localStorage : void 0, s = (n, e) => c ? getComputedStyle((e == null ? void 0 : e.current) || document.documentElement).getPropertyValue(n) : "", h = (n, e) => parseInt(s(n, e).replace(/px/g, "")), b = (n, e) => {
+  const t = parseInt(s(n, e).replace(/vh/g, ""));
+  return [((o == null ? void 0 : o.innerHeight) ?? 0) * t / 100, t];
+}, l = (n, e) => {
+  const t = parseInt(s(n, e).replace(/vw/g, ""));
+  return [((o == null ? void 0 : o.innerWidth) ?? 0) * t / 100, t];
+}, P = (n, e, t) => c ? ((t == null ? void 0 : t.current) || document.documentElement).style.setProperty(n, e) : "", w = (n) => new Promise((e) => {
   let t = document.querySelector(n);
   if (t)
     return e(t);
-  const o = new MutationObserver(() => {
-    t = document.querySelector(n), t && (e(t), o.disconnect());
+  const r = new MutationObserver(() => {
+    t = document.querySelector(n), t && (e(t), r.disconnect());
   });
-  o.observe(document.body, { childList: !0, subtree: !0 });
-}), P = (n, e) => {
+  r.observe(document.body, { childList: !0, subtree: !0 });
+}), C = (n, e) => {
   var t;
-  (t = e == null ? void 0 : e.forEach) == null || t.call(e, (o) => {
-    let u;
-    new MutationObserver((i) => {
+  (t = e == null ? void 0 : e.forEach) == null || t.call(e, (r) => {
+    let d;
+    new MutationObserver((u) => {
       var a;
-      document.querySelector(o) && (u = document.querySelector(o)), (a = i == null ? void 0 : i.forEach) == null || a.call(i, (d) => {
-        d.type === "childList" && (Array.from(d.addedNodes).indexOf(u) > -1 && n(u, "added", d), Array.from(d.removedNodes).indexOf(u) > -1 && n(u, "removed", d));
+      document.querySelector(r) && (d = document.querySelector(r)), (a = u == null ? void 0 : u.forEach) == null || a.call(u, (i) => {
+        i.type === "childList" && (Array.from(i.addedNodes).indexOf(d) > -1 && n(d, "added", i), Array.from(i.removedNodes).indexOf(d) > -1 && n(d, "removed", i));
       });
     }).observe(document.body, { childList: !0, subtree: !0 });
   });
 };
 export {
-  r as dom,
-  P as elementObserver,
-  c as getCssProperty,
-  v as getCssPropertyPx,
-  g as getCssPropertyVh,
-  h as getCssPropertyVw,
-  s as isClient,
-  b as setCssProperty,
-  w as waitForElement
+  f as doc,
+  C as elementObserver,
+  s as getCssProperty,
+  h as getCssPropertyPx,
+  b as getCssPropertyVh,
+  l as getCssPropertyVw,
+  c as isClient,
+  g as localStore,
+  P as setCssProperty,
+  w as waitForElement,
+  o as win
 };

package/package.json

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