xtreme-ui 0.0.88 → 0.0.90

package/dist/components/base/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,MAAM,4GAiDjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,MAAM,4GAiDjB,CAAC"}

package/dist/components/base/Lottie/Lottie.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Lottie/Lottie.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGAqCjB,CAAC"}
+{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Lottie/Lottie.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGAsCjB,CAAC"}

package/dist/components/base/Lottie/Lottie.js

@@ -1,42 +1,43 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as n, useState as d, useEffect as y } from "react";
-import { DotLottieReact as L } from "@lottiefiles/dotlottie-react";
-import x from "clsx";
+import { forwardRef as d, useState as y, useEffect as L } from "react";
+import { DotLottieReact as x } from "@lottiefiles/dotlottie-react";
+import z from "clsx";
 import r from "./lottie.module.scss.js";
-import { ELottieSize as z } from "./types.js";
-const N = n((s) => {
+import { ELottieSize as N } from "./types.js";
+const S = d((s, l) => {
   const {
-    className: l,
-    src: a,
+    className: a,
+    src: m,
     size: e = "default",
-    autoPlay: m = !0,
-    loop: c = !0,
-    speed: p = 1
-  } = s, [t, f] = d(null), o = `${typeof e == "number" ? e : z[e]}px`, u = x(r.lottieWrapper, l);
-  return y(() => {
+    autoPlay: c = !0,
+    loop: p = !0,
+    speed: f = 1
+  } = s, [t, u] = y(null), o = `${typeof e == "number" ? e : N[e]}px`, n = z(r.lottieWrapper, a);
+  return L(() => {
     o && (t == null || t.resize());
   }, [t, o]), /* @__PURE__ */ i(
     "div",
     {
-      className: u,
+      ref: l,
+      className: n,
       style: { "--lottieSize": o },
       children: /* @__PURE__ */ i(
-        L,
+        x,
         {
           className: r.lottie,
-          dotLottieRefCallback: f,
-          src: a,
-          autoplay: m,
-          loop: c,
-          speed: p,
+          dotLottieRefCallback: u,
+          src: m,
+          autoplay: c,
+          loop: p,
+          speed: f,
           marker: "lottie"
         }
       )
     }
   );
 });
-N.displayName = "Lottie";
+S.displayName = "Lottie";
 export {
-  N as Lottie
+  S as Lottie
 };

package/dist/components/base/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/Select.tsx"],"names":[],"mappings":"AASA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,MAAM,CAAC,CAAC,EAAG,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,2CAgEhD"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/Select.tsx"],"names":[],"mappings":"AAOA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,MAAM,CAAC,CAAC,EAAG,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,2CAgEhD"}

package/dist/components/context/Data/DataContext.d.ts

@@ -1,4 +1,4 @@
-import { TDataInitialType, TDataProviderProps } from './type';
+import { TDataInitialType, TDataProviderProps } from './types';
 declare const DataContext: import('react').Context<TDataInitialType>;
 declare const DataProvider: ({ children }: TDataProviderProps) => import("react/jsx-runtime").JSX.Element;
 export { DataProvider, DataContext };

package/dist/components/context/Data/DataContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Data/DataContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAO9D,QAAA,MAAM,WAAW,2CAA6B,CAAC;AAC/C,QAAA,MAAM,YAAY,GAAI,cAAc,kBAAkB,4CAQrD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"DataContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Data/DataContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAO/D,QAAA,MAAM,WAAW,2CAA6B,CAAC;AAC/C,QAAA,MAAM,YAAY,GAAI,cAAc,kBAAkB,4CAQrD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/context/Data/{type.d.ts → types.d.ts}

@@ -7,4 +7,4 @@ export type TDataInitialType = {
 export type TDataProviderProps = {
     children?: ReactNode;
 };
-//# sourceMappingURL=type.d.ts.map
+//# sourceMappingURL=types.d.ts.map

package/dist/components/context/Data/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Data/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,WAAW,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C,CAAA;AACD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA"}

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

@@ -1,4 +1,4 @@
-import { TThemeInitialType, TThemeProviderProps } from './type';
+import { TThemeInitialType, TThemeProviderProps } from './types';
 declare const ThemeContext: import('react').Context<TThemeInitialType>;
 declare const ThemeProvider: ({ children }: TThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export { ThemeProvider, ThemeContext };

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,GAAI,cAAc,mBAAmB,4CA8BvD,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,SAAS,CAAC;AAS5F,QAAA,MAAM,YAAY,4CAA8B,CAAC;AACjD,QAAA,MAAM,aAAa,GAAI,cAAc,mBAAmB,4CA8BvD,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/context/Theme/{type.d.ts → types.d.ts}

@@ -25,4 +25,4 @@ export declare enum EThemeColor {
 }
 export type TThemeColor = keyof typeof EThemeColor | undefined;
 export declare const defaultColor = EThemeColor.violet;
-//# sourceMappingURL=type.d.ts.map
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/types.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;CACjB;AACD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,GAAG,SAAS,CAAC;AAC/D,eAAO,MAAM,YAAY,qBAAqB,CAAC"}

package/dist/components/context/useContext.d.ts

@@ -1,5 +1,5 @@
-import { TDataInitialType } from './Data/type';
-import { TThemeInitialType } from './Theme/type';
+import { TDataInitialType } from './Data/types';
+import { TThemeInitialType } from './Theme/types';
 export declare const useXData: () => TDataInitialType;
 export declare const useXTheme: () => TThemeInitialType;
 //# sourceMappingURL=useContext.d.ts.map

package/dist/components/context/useContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/useContext.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,eAAO,MAAM,QAAQ,QAAO,gBAA2C,CAAC;AACxE,eAAO,MAAM,SAAS,QAAO,iBAA6C,CAAC"}
+{"version":3,"file":"useContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/useContext.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,QAAQ,QAAO,gBAA2C,CAAC;AACxE,eAAO,MAAM,SAAS,QAAO,iBAA6C,CAAC"}

package/dist/components/hooks/{type.d.ts → types.d.ts}

@@ -1,3 +1,4 @@
 import { Dispatch, SetStateAction } from 'react';
 export type TStateHook<T> = [T, Dispatch<SetStateAction<T>>];
-//# sourceMappingURL=type.d.ts.map
+export type TScreenType = 'mobile' | 'tablet' | 'desktop';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAC5D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC"}

package/dist/components/hooks/useDebouncedEffect.js

@@ -0,0 +1,11 @@
+"use client";
+import { useEffect as r } from "react";
+const n = (t, o, e) => {
+  r(() => {
+    const c = setTimeout(() => t(), e);
+    return () => clearTimeout(c);
+  }, [...o || [], e]);
+};
+export {
+  n as useDebouncedEffect
+};

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

@@ -1,3 +1,3 @@
-import { TStateHook } from './type';
+import { TStateHook } from './types';
 export declare const usePersistingState: <T>(key: string, initialState?: T) => TStateHook<T>;
 //# sourceMappingURL=usePersistingState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePersistingState.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/usePersistingState.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,KAAK,MAAM,EAAE,eAAe,CAAC,KAAG,UAAU,CAAC,CAAC,CAUjF,CAAC"}
+{"version":3,"file":"usePersistingState.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/usePersistingState.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,KAAK,MAAM,EAAE,eAAe,CAAC,KAAG,UAAU,CAAC,CAAC,CAUjF,CAAC"}

package/dist/components/hooks/usePersistingState.js

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

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

@@ -0,0 +1,8 @@
+import { TScreenType } from './types';
+export declare const useScreenType: () => {
+    screenType: TScreenType;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};
+//# sourceMappingURL=useScreen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScreen.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useScreen.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,aAAa;;;;;CAsBzB,CAAC"}

package/dist/components/hooks/useScreen.js

@@ -0,0 +1,23 @@
+"use client";
+import { useState as n, useEffect as c } from "react";
+const o = {
+  mobile: "(max-width: 639px)",
+  tablet: "(min-width: 640px) and (max-width: 1023px)"
+}, l = () => {
+  const [e, i] = n("desktop");
+  return c(() => {
+    const t = {
+      mobile: window.matchMedia(o.mobile),
+      tablet: window.matchMedia(o.tablet)
+    }, a = () => i(t.mobile.matches ? "mobile" : t.tablet.matches ? "tablet" : "desktop");
+    return a(), Object.values(t).forEach((s) => s.addEventListener("change", a)), () => Object.values(t).forEach((s) => s.removeEventListener("change", a));
+  }, []), {
+    screenType: e,
+    isMobile: e === "mobile",
+    isTablet: e === "tablet",
+    isDesktop: e === "desktop"
+  };
+};
+export {
+  l as useScreenType
+};

package/dist/components/layout/ThemePicker/ThemePicker.js

@@ -5,7 +5,7 @@ import c from "clsx";
 import { ActionCard as C } from "../../base/ActionCard/ActionCard.js";
 import { Button as k } from "../../base/Button/Button.js";
 import { Icon as S } from "../../base/Icon/Icon.js";
-import { EThemeColor as $ } from "../../context/Theme/type.js";
+import { EThemeColor as $ } from "../../context/Theme/types.js";
 import { useXTheme as g } from "../../context/useContext.js";
 import { THEME_SCHEME as u } from "../../../utils/constants/commons.js";
 import { capitalizeFirstLetter as y } from "../../../utils/function/string.js";

package/dist/components/layout/ThemeSwitch/ThemeSwitch.d.ts

@@ -1,3 +1,3 @@
 import { TThemeSwitchProps } from './types';
-export declare const ThemeSwitch: import('react').ForwardRefExoticComponent<TThemeSwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const ThemeSwitch: import('react').ForwardRefExoticComponent<TThemeSwitchProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ThemeSwitch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSwitch/ThemeSwitch.tsx"],"names":[],"mappings":"AAWA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5C,eAAO,MAAM,WAAW,iHAgDtB,CAAC"}
+{"version":3,"file":"ThemeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSwitch/ThemeSwitch.tsx"],"names":[],"mappings":"AASA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAI5C,eAAO,MAAM,WAAW,8GA+CtB,CAAC"}

package/dist/components/layout/ThemeSwitch/ThemeSwitch.js

@@ -3,7 +3,7 @@ import { jsxs as w, jsx as h } from "react/jsx-runtime";
 import { forwardRef as b, useMemo as n } from "react";
 import N from "clsx";
 import { Button as f } from "../../base/Button/Button.js";
-import { EThemeColor as v } from "../../context/Theme/type.js";
+import { EThemeColor as v } from "../../context/Theme/types.js";
 import { useXTheme as M } from "../../context/useContext.js";
 import { THEME_SCHEME as m } from "../../../utils/constants/commons.js";
 /* empty css                 */
@@ -16,11 +16,10 @@ const s = Object.values(v), j = b((d, p) => {
     u,
     r && "withLabel"
   );
-  return !e || !t ? null : /* @__PURE__ */ w("div", { className: E, children: [
+  return !e || !t ? null : /* @__PURE__ */ w("div", { ref: p, className: E, children: [
     /* @__PURE__ */ h(
       f,
       {
-        ref: p,
         className: "xtrThemeScheme",
         type: T,
         size: i,

package/dist/index.d.ts

@@ -38,4 +38,8 @@ export { ThemeSwitch } from './components/layout/ThemeSwitch/ThemeSwitch';
 export { type TThemeSwitchProps } from './components/layout/ThemeSwitch/types';
 export { ImageEditor } from './components/layout/ImageEditor/ImageEditor';
 export { type TImageEditorProps } from './components/layout/ImageEditor/types';
+export { useScreenType } from './components/hooks/useScreen';
+export { usePersistingState } from './components/hooks/usePersistingState';
+export { useDebouncedEffect } from './components/hooks/useDebouncedEffect';
+export { type TScreenType } from './components/hooks/types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAG5F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG9G,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGnH,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAG5F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG9G,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGnH,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -1,13 +1,13 @@
 /* empty css                  */
-import { STORAGE as t, THEME_SCHEME as m } from "./utils/constants/commons.js";
-import { getLocalState as i, setLocalState as f } from "./utils/function/localStorage.js";
+import { STORAGE as t, THEME_SCHEME as p } from "./utils/constants/commons.js";
+import { getLocalState as f, setLocalState as i } from "./utils/function/localStorage.js";
 import { assignRef as a, mergeRefs as s } from "./utils/function/mergeRefs.js";
-import { capitalizeFirstLetter as g, safeStringFromCodePoint as c, unicodeToString as S } from "./utils/function/string.js";
-import { doc as d, elementObserver as P, getCssProperty as E, getCssPropertyPx as C, getCssPropertyVh as I, getCssPropertyVw as T, isClient as y, localStore as z, setCssProperty as h, waitForElement as A, win as F } from "./utils/helper/domHelper.js";
-import { createImage as u, getCroppedImg as v, getImageSize as L, getRadianAngle as w, readImageFile as R, readImageSrc as B } from "./utils/helper/imageHelper.js";
+import { capitalizeFirstLetter as c, safeStringFromCodePoint as g, unicodeToString as S } from "./utils/function/string.js";
+import { doc as d, elementObserver as P, getCssProperty as E, getCssPropertyPx as C, getCssPropertyVh as T, getCssPropertyVw as u, isClient as I, localStore as y, setCssProperty as z, waitForElement as h, win as A } from "./utils/helper/domHelper.js";
+import { createImage as k, getCroppedImg as v, getImageSize as L, getRadianAngle as w, readImageFile as D, readImageSrc as R } from "./utils/helper/imageHelper.js";
 import { themeController as M } from "./utils/helper/themeController.js";
-import { XProvider as H } from "./components/context/index.js";
-import { useXData as V, useXTheme as b } from "./components/context/useContext.js";
+import { XProvider as b } from "./components/context/index.js";
+import { useXData as O, useXTheme as V } from "./components/context/useContext.js";
 import { ActionCard as N } from "./components/base/ActionCard/ActionCard.js";
 import { EActionCardSize as j } from "./components/base/ActionCard/types.js";
 import { Avatar as J } from "./components/base/Avatar/Avatar.js";
@@ -16,79 +16,85 @@ import { Button as W } from "./components/base/Button/Button.js";
 import { EButtonTypes as Z } from "./components/base/Button/types.js";
 import { Icon as ee } from "./components/base/Icon/Icon.js";
 import { EIconSize as oe } from "./components/base/Icon/types.js";
-import { Lottie as me } from "./components/base/Lottie/Lottie.js";
-import { ELottieSize as ie } from "./components/base/Lottie/types.js";
+import { Lottie as pe } from "./components/base/Lottie/Lottie.js";
+import { ELottieSize as fe } from "./components/base/Lottie/types.js";
 import { ProgressBar as xe } from "./components/base/ProgressBar/ProgressBar.js";
 import { Spinner as se } from "./components/base/Spinner/Spinner.js";
-import { ESpinnerSize as ge } from "./components/base/Spinner/types.js";
+import { ESpinnerSize as ce } from "./components/base/Spinner/types.js";
 import { Textfield as Se } from "./components/base/Textfield/Textfield.js";
 import { DatePicker as de } from "./components/base/DatePicker/DatePicker.js";
 import { EDatePickerTypes as Ee } from "./components/base/DatePicker/types.js";
-import { FilePicker as Ie } from "./components/base/FilePicker/FilePicker.js";
-import { FilePickerIcon as ye } from "./components/base/FilePicker/types.js";
-import { Select as he } from "./components/base/Select/Select.js";
-import { ColorPopper as Fe } from "./components/base/ColorPopper/ColorPopper.js";
-import { Sider as ue } from "./components/layout/Sider/Sider.js";
+import { FilePicker as Te } from "./components/base/FilePicker/FilePicker.js";
+import { FilePickerIcon as Ie } from "./components/base/FilePicker/types.js";
+import { Select as ze } from "./components/base/Select/Select.js";
+import { ColorPopper as Ae } from "./components/base/ColorPopper/ColorPopper.js";
+import { Sider as ke } from "./components/layout/Sider/Sider.js";
 import { SiderModal as Le } from "./components/layout/SiderModal/SiderModal.js";
-import { Navigation as Re } from "./components/layout/Navigation/Navigation.js";
-import { ThemePicker as De } from "./components/layout/ThemePicker/ThemePicker.js";
+import { Navigation as De } from "./components/layout/Navigation/Navigation.js";
+import { ThemePicker as Be } from "./components/layout/ThemePicker/ThemePicker.js";
 import { ThemeSwitch as Xe } from "./components/layout/ThemeSwitch/ThemeSwitch.js";
-import { ImageEditor as Oe } from "./components/layout/ImageEditor/ImageEditor.js";
+import { ImageEditor as He } from "./components/layout/ImageEditor/ImageEditor.js";
+import { useScreenType as Ve } from "./components/hooks/useScreen.js";
+import { usePersistingState as Ne } from "./components/hooks/usePersistingState.js";
+import { useDebouncedEffect as je } from "./components/hooks/useDebouncedEffect.js";
 export {
   N as ActionCard,
   J as Avatar,
   W as Button,
-  Fe as ColorPopper,
+  Ae as ColorPopper,
   de as DatePicker,
   j as EActionCardSize,
   Q as EAvatarSize,
   Z as EButtonTypes,
   Ee as EDatePickerTypes,
   oe as EIconSize,
-  ie as ELottieSize,
-  ge as ESpinnerSize,
-  Ie as FilePicker,
-  ye as FilePickerIcon,
+  fe as ELottieSize,
+  ce as ESpinnerSize,
+  Te as FilePicker,
+  Ie as FilePickerIcon,
   ee as Icon,
-  Oe as ImageEditor,
-  me as Lottie,
-  Re as Navigation,
+  He as ImageEditor,
+  pe as Lottie,
+  De as Navigation,
   xe as ProgressBar,
   t as STORAGE,
-  he as Select,
-  ue as Sider,
+  ze as Select,
+  ke as Sider,
   Le as SiderModal,
   se as Spinner,
-  m as THEME_SCHEME,
+  p as THEME_SCHEME,
   Se as Textfield,
-  De as ThemePicker,
+  Be as ThemePicker,
   Xe as ThemeSwitch,
-  H as XProvider,
+  b as XProvider,
   a as assignRef,
-  g as capitalizeFirstLetter,
-  u as createImage,
+  c as capitalizeFirstLetter,
+  k as createImage,
   d as doc,
   P as elementObserver,
   v as getCroppedImg,
   E as getCssProperty,
   C as getCssPropertyPx,
-  I as getCssPropertyVh,
-  T as getCssPropertyVw,
+  T as getCssPropertyVh,
+  u as getCssPropertyVw,
   L as getImageSize,
-  i as getLocalState,
+  f as getLocalState,
   w as getRadianAngle,
-  y as isClient,
-  z as localStore,
+  I as isClient,
+  y as localStore,
   s as mergeRefs,
-  R as readImageFile,
-  B as readImageSrc,
-  c as safeStringFromCodePoint,
-  h as setCssProperty,
-  f as setLocalState,
+  D as readImageFile,
+  R as readImageSrc,
+  g as safeStringFromCodePoint,
+  z as setCssProperty,
+  i as setLocalState,
   M as themeController,
   S as unicodeToString,
-  V as useXData,
-  b as useXTheme,
-  A as waitForElement,
-  F as win
+  je as useDebouncedEffect,
+  Ne as usePersistingState,
+  Ve as useScreenType,
+  O as useXData,
+  V as useXTheme,
+  h as waitForElement,
+  A as win
 };

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

@@ -1,4 +1,4 @@
-import { EThemeScheme } from '../../components/context/Theme/type';
+import { EThemeScheme } from '../../components/context/Theme/types';
 export declare const STORAGE: {
     themeSchemeAttr: string;
     themeColorAttr: 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;;;;;CAKnB,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,iCAAiC,CAAC;AAE/D,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;EAIf,CAAC"}

package/dist/utils/constants/commons.js

@@ -1,4 +1,4 @@
-import { EThemeScheme as e } from "../../components/context/Theme/type.js";
+import { EThemeScheme as e } from "../../components/context/Theme/types.js";
 const t = {
   themeSchemeAttr: "data-theme-scheme",
   themeColorAttr: "data-theme-color",

package/dist/utils/helper/themeController.js

@@ -1,4 +1,4 @@
-import { defaultScheme as m, defaultColor as r } from "../../components/context/Theme/type.js";
+import { defaultScheme as m, defaultColor as r } from "../../components/context/Theme/types.js";
 import { STORAGE as e } from "../constants/commons.js";
 const l = (t = m, o = r) => `
 	(function() {

package/package.json

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Data/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,WAAW,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C,CAAA;AACD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA"}

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

@@ -1 +0,0 @@
-{"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;CACjB;AACD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,GAAG,SAAS,CAAC;AAC/D,eAAO,MAAM,YAAY,qBAAqB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA"}