@geneui/components 3.0.0-next-ed7bf62-05032025 → 3.0.0-next-d82ed4a-12032025

package/index.js

@@ -7,7 +7,7 @@ export { default as Divider } from './Divider.js';
 export { default as Info } from './Info.js';
 export { default as Button } from './Button.js';
 export { default as Text } from './Text.js';
-export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions, u as useScrollLock } from './index-24d8893c.js';
+export { P as Popover, a as PopoverBody, b as PopoverFooter, c as PopoverFooterActions, u as useScrollLock } from './index-633639a4.js';
 export { default as Badge } from './Badge.js';
 export { default as Scrollbar } from './Scrollbar.js';
 export { Col, Grid, Row } from './Grid.js';
@@ -16,10 +16,10 @@ export { default as ProgressBar } from './ProgressBar.js';
 export { Step, Steps } from './Steps.js';
 export { default as Tag } from './Tag.js';
 export { Key, KeyValue, Value } from './KeyValue.js';
-export { GeneUIDesignSystemContext, default as GeneUIProvider } from './GeneUIProvider.js';
+export { a as GeneUIDesignSystemContext, G as GeneUIProvider, u as useWindowSize } from './index-9d92561b.js';
 export { u as useDebounce } from './useDebounceCallback-999deae7.js';
-export { u as useEllipsisDetection } from './useEllipsisDetection-e545ae62.js';
-import { useState, useEffect, useMemo } from 'react';
+export { u as useEllipsisDetection } from './useEllipsisDetection-5eab9668.js';
+import { useMemo } from 'react';
 import './index-ce02421b.js';
 import './ArrowLeft-b88e2ba8.js';
 import './style-inject.es-746bb8ed.js';
@@ -31,22 +31,6 @@ import 'react-dom';
 import './Close-e8302008.js';
 import 'prop-types';
 
-const useWindowSize = () => {
-    const [windowSize, setWindowSize] = useState({ width: 0, height: 0 });
-    const handleSize = () => {
-        setWindowSize({
-            width: window.innerWidth,
-            height: window.innerHeight
-        });
-    };
-    useEffect(() => {
-        handleSize();
-        window.addEventListener("resize", handleSize);
-        return () => window.removeEventListener("resize", handleSize);
-    }, []);
-    return windowSize;
-};
-
 // Map of OS detection patterns
 const osPatterns = [
     ["Windows", /\b(windows nt|win)\b/i],
@@ -62,6 +46,7 @@ const useDeviceInfo = () => {
             return {
                 isMobile: false,
                 isDesktop: false,
+                isTouch: false,
                 os: "Unknown",
                 isWindows: false,
                 isMacOS: false,
@@ -80,9 +65,15 @@ const useDeviceInfo = () => {
         const isIOS = detectedOS === "iOS";
         const isMobile = isAndroid || isIOS;
         const isDesktop = isWindows || isMacOS || isLinux;
+        // Detect touch device
+        const isTouch = "ontouchstart" in window ||
+            navigator.maxTouchPoints > 0 ||
+            (window.matchMedia && window.matchMedia("(pointer: coarse)").matches) ||
+            false;
         return {
             isMobile,
             isDesktop,
+            isTouch,
             os: detectedOS,
             isWindows,
             isMacOS,
@@ -93,4 +84,4 @@ const useDeviceInfo = () => {
     }, []);
 };
 
-export { useDeviceInfo, useWindowSize };
+export { useDeviceInfo };

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-ed7bf62-05032025",
+    "version": "3.0.0-next-d82ed4a-12032025",
     "author": "SoftConstruct",
     "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
     "repository": {

package/types/index.d.ts

@@ -1 +1,4 @@
-export type OS = "iOS" | "Android" | "Windows" | "macOS" | "Linux" | "Unknown";
+export type OSTypes = "iOS" | "Android" | "Windows" | "macOS" | "Linux" | "Unknown";
+export type DeviceTypes = "mobile" | "tablet" | "desktop";
+export type ThemesTypes = "light" | "dark";
+export type BreakpointsTypes = Record<DeviceTypes, number>;

package/useEllipsisDetection-5eab9668.js

@@ -0,0 +1,28 @@
+import { useState, useEffect } from 'react';
+import { u as useWindowSize } from './index-9d92561b.js';
+
+const EQUAL_HEIGHT_DIFF = 3;
+const useEllipsisDetection = (ref, externalDependencies = []) => {
+    var _a, _b, _c, _d;
+    const [isTruncated, setIsTruncated] = useState(false);
+    const { width } = useWindowSize();
+    const handleResize = () => {
+        if (!ref.current)
+            return;
+        const { scrollWidth, clientWidth, scrollHeight, clientHeight } = ref.current;
+        setIsTruncated(scrollWidth > clientWidth || scrollHeight > clientHeight + EQUAL_HEIGHT_DIFF);
+    };
+    useEffect(() => {
+        handleResize();
+    }, [
+        width,
+        ...externalDependencies,
+        (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.scrollWidth,
+        (_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.clientWidth,
+        (_c = ref === null || ref === void 0 ? void 0 : ref.current) === null || _c === void 0 ? void 0 : _c.scrollHeight,
+        (_d = ref === null || ref === void 0 ? void 0 : ref.current) === null || _d === void 0 ? void 0 : _d.clientHeight
+    ]);
+    return isTruncated;
+};
+
+export { useEllipsisDetection as u };

package/useEllipsisDetection-e545ae62.js

@@ -1,23 +0,0 @@
-import { useState, useEffect } from 'react';
-import { u as useDebouncedCallback } from './useDebounceCallback-999deae7.js';
-
-const EQUAL_HEIGHT_DIFF = 3;
-const useEllipsisDetection = (ref, externalDependencies = []) => {
-    var _a, _b, _c, _d;
-    const [isTruncated, setIsTruncated] = useState(false);
-    const handleResize = () => {
-        if (!ref.current)
-            return;
-        const { scrollWidth, clientWidth, scrollHeight, clientHeight } = ref.current;
-        setIsTruncated(scrollWidth > clientWidth || scrollHeight > clientHeight + EQUAL_HEIGHT_DIFF);
-    };
-    useEffect(() => handleResize(), [...externalDependencies]);
-    const { debouncedCallback } = useDebouncedCallback(handleResize, 100);
-    useEffect(() => {
-        window.addEventListener("resize", debouncedCallback);
-        return () => window.removeEventListener("resize", debouncedCallback);
-    }, [(_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.scrollWidth, (_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.clientWidth, (_c = ref === null || ref === void 0 ? void 0 : ref.current) === null || _c === void 0 ? void 0 : _c.scrollHeight, (_d = ref === null || ref === void 0 ? void 0 : ref.current) === null || _d === void 0 ? void 0 : _d.clientHeight]);
-    return isTruncated;
-};
-
-export { useEllipsisDetection as u };