xtreme-ui 0.0.88 → 0.0.89

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/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":"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"}

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.89",
   "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"}