ssovee-os-web-ui 0.1.22 → 0.1.23

package/README.md

@@ -53,6 +53,14 @@ export function Example() {
 }
 ```
 
+## Hooks
+
+Hooks are also available through the SDK-style entrypoint:
+
+```tsx
+import { useGridClasses, useDeviceSupport, useSound } from "ssovee-os-web-ui/sdk";
+```
+
 ## Public exports
 
 The package exports these components and types for external use:
@@ -87,8 +95,10 @@ The package exports these components and types for external use:
 - `Table` and its subcomponents
 - `useGridClasses`
 - `useShortcutFormatter`
+- `useDeviceSupport`
+- `useSound`
 
-The hooks are exported from the package entrypoint alongside the components.
+The hooks are available from the package entrypoint and from the SDK subpath.
 
 ## License
 

package/dist/index.cjs

@@ -2133,6 +2133,58 @@ var useGridClasses = (windowSize, gridRules) => {
   return { gridClasses, deviceType };
 };
 var useGridClasses_default = useGridClasses;
+var useDeviceSupport = () => {
+  const [isSupported, setIsSupported] = React20.useState(true);
+  React20.useEffect(() => {
+    function checkSupport() {
+      const ua = typeof window !== "undefined" ? window.navigator.userAgent : "";
+      const width = typeof window !== "undefined" ? window.innerWidth : 1920;
+      const height = typeof window !== "undefined" ? window.innerHeight : 1080;
+      const isTouch = typeof window !== "undefined" ? "ontouchstart" in window : false;
+      const isMobile = /Mobi|Android|iPhone|iPod/.test(ua) && width <= 767;
+      const isTablet = /iPad|Tablet|Android/.test(ua) && !/Mobile/.test(ua) || isTouch && width >= 600 && width <= 1024;
+      const isTabletPortrait = isTablet && width < height;
+      const isTabletLandscape = isTablet && width > height && width >= 1024 && width <= 1366;
+      const isLaptop = width >= 1024 && !isMobile && (!isTablet || isTabletLandscape);
+      if (isMobile) {
+        setIsSupported(false);
+      } else if (isTabletPortrait) {
+        setIsSupported(false);
+      } else if (isTabletLandscape) {
+        setIsSupported(true);
+      } else if (isLaptop) {
+        setIsSupported(true);
+      } else {
+        setIsSupported(true);
+      }
+    }
+    checkSupport();
+    window.addEventListener("resize", checkSupport);
+    return () => window.removeEventListener("resize", checkSupport);
+  }, []);
+  return isSupported;
+};
+var soundMap = {
+  click: "/sounds/click-tone.wav",
+  alert: "/sounds/error-tone.wav",
+  notification: "/sounds/notification-tone.wav",
+  error: "/sounds/error-tone.wav",
+  success: "/sounds/success-tone.wav",
+  swipe: "/sounds/swipe-tone.wav"
+};
+var useSound = () => {
+  const playSound = React20.useCallback((type) => {
+    if (typeof window === "undefined" || typeof window.Audio === "undefined") {
+      return;
+    }
+    const soundSrc = soundMap[type];
+    const audio = new window.Audio(soundSrc);
+    audio.play().catch((err) => {
+      console.error("Sound playback failed:", err);
+    });
+  }, []);
+  return { playSound };
+};
 
 exports.Accordion = Accordion_default;
 exports.Alert = Alert_default;
@@ -2167,7 +2219,9 @@ exports.Toast = Toast_default;
 exports.Toggle = Toggle_default;
 exports.Tooltip = Tooltip_default;
 exports.Typography = Typography_default;
+exports.useDeviceSupport = useDeviceSupport;
 exports.useGridClasses = useGridClasses_default;
 exports.useShortcutFormatter = useShortcutFormatter_default;
+exports.useSound = useSound;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map