@geneui/components 3.0.0-next-cbf1483-19022025 → 3.0.0-next-ed7bf62-05032025

package/hooks/index.d.ts

@@ -2,3 +2,4 @@ export { default as useDebounce } from "./useDebounceCallback";
 export { default as useEllipsisDetection } from "./useEllipsisDetection";
 export { default as useScrollLock } from "./useScrollLock";
 export { default as useWindowSize } from "./useWindowSize";
+export { default as useDeviceInfo } from "./useDeviceInfo";

package/hooks/useDeviceInfo/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./useDeviceInfo";

package/hooks/useDeviceInfo/useDeviceInfo.d.ts

@@ -0,0 +1,13 @@
+import { OS } from "@types";
+interface IDeviceInfo {
+    isMobile: boolean;
+    isDesktop: boolean;
+    os: OS;
+    isWindows: boolean;
+    isMacOS: boolean;
+    isLinux: boolean;
+    isAndroid: boolean;
+    isIOS: boolean;
+}
+declare const useDeviceInfo: () => IDeviceInfo;
+export default useDeviceInfo;

package/index.d.ts

@@ -21,3 +21,4 @@ export { default as useDebounce } from "./hooks/useDebounceCallback";
 export { default as useEllipsisDetection } from "./hooks/useEllipsisDetection";
 export { default as useScrollLock } from "./hooks/useScrollLock";
 export { default as useWindowSize } from "./hooks/useWindowSize";
+export { default as useDeviceInfo } from "./hooks/useDeviceInfo";

package/index.js

@@ -19,7 +19,7 @@ export { Key, KeyValue, Value } from './KeyValue.js';
 export { GeneUIDesignSystemContext, default as GeneUIProvider } from './GeneUIProvider.js';
 export { u as useDebounce } from './useDebounceCallback-999deae7.js';
 export { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import './index-ce02421b.js';
 import './ArrowLeft-b88e2ba8.js';
 import './style-inject.es-746bb8ed.js';
@@ -47,4 +47,50 @@ const useWindowSize = () => {
     return windowSize;
 };
 
-export { useWindowSize };
+// Map of OS detection patterns
+const osPatterns = [
+    ["Windows", /\b(windows nt|win)\b/i],
+    ["iOS", /\b(iPhone|iPad|iPod).*?OS \d+/i],
+    ["Android", /\bandroid\b/i],
+    ["macOS", /\b(mac os|macintosh)\b(?!.*(?:iphone|ipad|ipod))/i],
+    ["Linux", /\blinux\b/i]
+];
+const useDeviceInfo = () => {
+    return useMemo(() => {
+        var _a;
+        if (typeof navigator === "undefined") {
+            return {
+                isMobile: false,
+                isDesktop: false,
+                os: "Unknown",
+                isWindows: false,
+                isMacOS: false,
+                isLinux: false,
+                isAndroid: false,
+                isIOS: false
+            }; // Safe for SSR
+        }
+        const userAgent = (_a = navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        // Find the first matching OS using destructuring
+        const [detectedOS = "Unknown"] = osPatterns.find(([, pattern]) => pattern.test(userAgent)) || [];
+        const isWindows = detectedOS === "Windows";
+        const isMacOS = detectedOS === "macOS";
+        const isLinux = detectedOS === "Linux";
+        const isAndroid = detectedOS === "Android";
+        const isIOS = detectedOS === "iOS";
+        const isMobile = isAndroid || isIOS;
+        const isDesktop = isWindows || isMacOS || isLinux;
+        return {
+            isMobile,
+            isDesktop,
+            os: detectedOS,
+            isWindows,
+            isMacOS,
+            isLinux,
+            isAndroid,
+            isIOS
+        };
+    }, []);
+};
+
+export { useDeviceInfo, useWindowSize };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@geneui/components",
     "description": "The Gene UI components library designed for BI tools",
-    "version": "3.0.0-next-cbf1483-19022025",
+    "version": "3.0.0-next-ed7bf62-05032025",
     "author": "SoftConstruct",
     "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
     "repository": {

package/types/index.d.ts

@@ -0,0 +1 @@
+export type OS = "iOS" | "Android" | "Windows" | "macOS" | "Linux" | "Unknown";