xtreme-ui 0.0.103 → 0.0.105

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

@@ -1,8 +1,13 @@
-import { TScreenType } from './types';
-export declare const useScreenType: () => {
+export type TScreenType = 'mobile' | 'tablet' | 'desktop';
+type Breakpoints = {
+    mobile?: string;
+    tablet?: string;
+};
+export declare const useScreenType: (customBreakpoints?: Breakpoints) => {
     screenType: TScreenType;
     isMobile: boolean;
     isTablet: boolean;
     isDesktop: boolean;
 };
+export {};
 //# sourceMappingURL=useScreen.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"useScreen.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useScreen.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE1D,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAOF,eAAO,MAAM,aAAa,GAAI,oBAAoB,WAAW;;;;;CAwB5D,CAAC"}

package/dist/components/hooks/useScreen.js

@@ -1,23 +1,23 @@
 "use client";
-import { useState as n, useEffect as c } from "react";
-const o = {
+import { useState as c, useEffect as l } from "react";
+const b = {
   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"
+}, m = (i) => {
+  const e = { ...b, ...i }, [t, n] = c("desktop");
+  return l(() => {
+    const a = {
+      mobile: window.matchMedia(e.mobile),
+      tablet: window.matchMedia(e.tablet)
+    }, o = () => n(a.mobile.matches ? "mobile" : a.tablet.matches ? "tablet" : "desktop");
+    return o(), Object.values(a).forEach((s) => s.addEventListener("change", o)), () => Object.values(a).forEach((s) => s.removeEventListener("change", o));
+  }, [e.mobile, e.tablet]), {
+    screenType: t,
+    isMobile: t === "mobile",
+    isTablet: t === "tablet",
+    isDesktop: t === "desktop"
   };
 };
 export {
-  l as useScreenType
+  m as useScreenType
 };

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

@@ -9,10 +9,10 @@ export declare const THEME_SCHEME: readonly [{
     readonly icon: "e163";
 }, {
     readonly name: EThemeScheme.light;
-    readonly icon: "f763";
+    readonly icon: "e28f";
 }, {
     readonly name: EThemeScheme.dark;
-    readonly icon: "f754";
+    readonly icon: "f186";
 }];
 export declare const ThemeColorsPreset: Record<string, TThemeColor>;
 export declare const defaultColorPreset: TThemeColor;

package/dist/utils/constants/theme.js

@@ -5,8 +5,8 @@ const o = {
   themeColor: "xThemeColor"
 }, m = [
   { name: e.auto, icon: "e163" },
-  { name: e.light, icon: "f763" },
-  { name: e.dark, icon: "f754" }
+  { name: e.light, icon: "e28f" },
+  { name: e.dark, icon: "f186" }
 ], h = {
   cherry: { h: 350, s: 70, l: 50 },
   blush: { h: 335, s: 75, l: 55 },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xtreme-ui",
-  "version": "0.0.103",
+  "version": "0.0.105",
   "type": "module",
   "description": "Collection of reusable components that can be used in web projects",
   "main": "dist/index.js",
@@ -24,11 +24,11 @@
     "clsx": "^2.1.1",
     "color-namer": "^1.4.0",
     "colord": "^2.9.3",
-    "globals": "^16.1.0",
+    "globals": "^16.2.0",
     "react-calendar": "^5.1.0",
     "react-clock": "^5.1.0",
     "react-datetime-picker": "^6.0.1",
-    "react-easy-crop": "^5.4.1",
+    "react-easy-crop": "^5.4.2",
     "react-select": "^5.10.1",
     "use-file-picker": "^2.1.2"
   },
@@ -44,16 +44,16 @@
     "@storybook/react": "^8.6.14",
     "@storybook/react-vite": "^8.6.14",
     "@storybook/test": "^8.6.14",
-    "@types/lodash": "^4.17.16",
-    "@types/node": "^22.15.19",
-    "@types/react": "^19.1.4",
+    "@types/lodash": "^4.17.17",
+    "@types/node": "^22.15.21",
+    "@types/react": "^19.1.5",
     "@types/react-dom": "^19.1.5",
     "@typescript-eslint/eslint-plugin": "^8.32.1",
     "@typescript-eslint/parser": "^8.32.1",
-    "@vitejs/plugin-react": "^4.4.1",
-    "@vitejs/plugin-react-swc": "^3.9.0",
+    "@vitejs/plugin-react": "^4.5.0",
+    "@vitejs/plugin-react-swc": "^3.10.0",
     "eslint": "^9.27.0",
-    "eslint-import-resolver-typescript": "^4.3.5",
+    "eslint-import-resolver-typescript": "^4.4.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
@@ -62,7 +62,7 @@
     "lodash": "^4.17.21",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router-dom": "^7.6.0",
+    "react-router-dom": "^7.6.1",
     "sass": "^1.89.0",
     "storybook": "^8.6.14",
     "stylelint": "^16.19.1",