uibee 1.1.5

package/Readme.md

@@ -0,0 +1,4 @@
+# Login - Linjeforeningen for IT
+## Shared Code
+
+This package includes shared components, functions and hooks for reuse across Login projects.

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useVisibility } from './useVisibility';
+export { default as useDarkMode } from './useDarkMode';

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export { default as useVisibility } from './useVisibility';
+export { default as useDarkMode } from './useDarkMode';

package/dist/hooks/useDarkMode.d.ts

@@ -0,0 +1 @@
+export default function useDarkMode(): boolean;

package/dist/hooks/useDarkMode.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+export default function useDarkMode() {
+    const [isDark, setIsDark] = useState(false);
+    useEffect(() => {
+        const darkClassExists = document.documentElement.classList.contains('dark');
+        setIsDark(darkClassExists);
+        const observer = new MutationObserver(() => {
+            setIsDark(document.documentElement.classList.contains('dark'));
+        });
+        observer.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ['class'],
+        });
+        return () => observer.disconnect();
+    }, []);
+    return isDark;
+}

package/dist/hooks/useVisibility.d.ts

@@ -0,0 +1,4 @@
+export default function useVisibility<T extends HTMLElement>(onVisible: () => void, rootMargin?: string): {
+    ref: import("react").RefObject<T | null>;
+    isVisible: boolean;
+};

package/dist/hooks/useVisibility.js

@@ -0,0 +1,23 @@
+import { useEffect, useRef, useState } from 'react';
+export default function useVisibility(onVisible, rootMargin = '200px') {
+    const [isVisible, setIsVisible] = useState(false);
+    const ref = useRef(null);
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+        if (!isTouchDevice)
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            if (entries[0].isIntersecting) {
+                setIsVisible(true);
+                onVisible();
+                observer.disconnect();
+            }
+        }, { rootMargin });
+        if (ref.current)
+            observer.observe(ref.current);
+        return () => observer.disconnect();
+    }, [onVisible, rootMargin]);
+    return { ref, isVisible };
+}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks/useVisibility';
+export * from './hooks/useDarkMode';

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './hooks/useVisibility';
+export * from './hooks/useDarkMode';

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "uibee",
+  "version": "1.1.5",
+  "description": "Shared components, functions and hooks for reuse across Login projects",
+  "homepage": "https://github.com/Login-Linjeforening-for-IT/uibee#readme",
+  "bugs": {
+    "url": "https://github.com/Login-Linjeforening-for-IT/uibee/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Login-Linjeforening-for-IT/uibee.git"
+  },
+  "license": "ISC",
+  "author": "",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./hooks": "./dist/hooks/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --declaration"
+  },
+  "peerDependencies": {
+    "react": "^19.1.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.13",
+    "typescript": "^5.9.2"
+  }
+}