@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/hooks/useFocusTrap.js

@@ -1,34 +1,33 @@
-import { useRef as c, useEffect as a } from "react";
-const p = (r) => {
-  const t = c(null), s = (e) => {
-    const n = (r ?? t.current)?.querySelectorAll(
-      [
-        "a[href]",
-        "button",
-        "textarea",
-        "input",
-        'input[type="text"]',
-        'input[type="radio"]',
-        'input[type="checkbox"]',
-        "select"
-      ].join(", ")
-    ), o = n?.[0], u = n?.[n.length - 1];
-    if (e.key === "Tab") {
-      if (e.shiftKey) {
-        document.activeElement === o && (u?.focus(), e.preventDefault());
-        return;
-      }
-      document.activeElement === u && (o?.focus(), e.preventDefault());
-    }
-  };
-  return a(() => {
-    const e = r ?? t.current;
-    return e && e.addEventListener("keydown", s), () => {
-      e && e.removeEventListener("keydown", s);
-    };
-  }, [t.current, r]), t;
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/useFocusTrap.ts
+var n = (n) => {
+	let r = t(null), i = (e) => {
+		let t = (n ?? r.current)?.querySelectorAll([
+			"a[href]",
+			"button",
+			"textarea",
+			"input",
+			"input[type=\"text\"]",
+			"input[type=\"radio\"]",
+			"input[type=\"checkbox\"]",
+			"select"
+		].join(", ")), i = t?.[0], a = t?.[t.length - 1];
+		if (e.key === "Tab") {
+			if (e.shiftKey) {
+				document.activeElement === i && (a?.focus(), e.preventDefault());
+				return;
+			}
+			document.activeElement === a && (i?.focus(), e.preventDefault());
+		}
+	};
+	return e(() => {
+		let e = n ?? r.current;
+		return e && e.addEventListener("keydown", i), () => {
+			e && e.removeEventListener("keydown", i);
+		};
+	}, [r.current, n]), r;
 };
-export {
-  p as default
-};
-//# sourceMappingURL=useFocusTrap.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=useFocusTrap.js.map

package/hooks/useFocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useRef } from 'react';\n\n/**\n * This custom hook allows to keep the focus inside a defined wrapper element.\n * This might be a dialog or a custom overlay.\n *\n * This hook can be used in two ways:\n * - When you have a external component that will be re-rendered after the overlay opens, you can use\n *   the built-in ref. This ref will be returned from this hook and can be set on the respective wrapper element.\n * - When you have an element that does not re-render, use a state setter function to set as the ref.\n *   This element can then be passed as a parameter to this hook and it will be used instead of the built-in ref.\n *\n * @param element Optional parameter to pass in the existing DOM reference. Use this instead of the built-in ref.\n * @returns\n */\nconst useFocusTrap = <T extends HTMLElement>(element?: HTMLDivElement | null) => {\n    const ref = useRef<HTMLDivElement>(null);\n\n    const handleFocus = (event: React.KeyboardEvent<T>) => {\n        const wrapper = element ?? ref.current;\n        const focusableElements = wrapper?.querySelectorAll(\n            [\n                'a[href]',\n                'button',\n                'textarea',\n                'input',\n                'input[type=\"text\"]',\n                'input[type=\"radio\"]',\n                'input[type=\"checkbox\"]',\n                'select',\n            ].join(', ')\n        );\n\n        const firstFocusableEl = focusableElements?.[0] as HTMLElement | undefined;\n        const lastFocusableEl = focusableElements?.[focusableElements.length - 1] as HTMLElement | undefined;\n\n        const isTabPressed = event.key === 'Tab';\n\n        if (!isTabPressed) {\n            return;\n        }\n\n        // Handle: shift + tab\n        if (event.shiftKey) {\n            if (document.activeElement === firstFocusableEl) {\n                lastFocusableEl?.focus();\n                event.preventDefault();\n            }\n            return;\n        }\n\n        // Handle: tab\n        if (document.activeElement === lastFocusableEl) {\n            firstFocusableEl?.focus();\n            event.preventDefault();\n        }\n    };\n\n    useEffect(() => {\n        const wrapper = element ?? ref.current;\n\n        if (wrapper) {\n            wrapper.addEventListener('keydown', handleFocus as unknown as EventListener);\n        }\n\n        return () => {\n            if (wrapper) {\n                wrapper.removeEventListener('keydown', handleFocus as unknown as EventListener);\n            }\n        };\n    }, [ref.current, element]);\n\n    return ref;\n};\n\nexport default useFocusTrap;\n"],"names":["useFocusTrap","element","ref","useRef","handleFocus","event","focusableElements","firstFocusableEl","lastFocusableEl","useEffect","wrapper"],"mappings":";AAgBA,MAAMA,IAAe,CAAwBC,MAAoC;AAC7E,QAAMC,IAAMC,EAAuB,IAAI,GAEjCC,IAAc,CAACC,MAAkC;AAEnD,UAAMC,KADUL,KAAWC,EAAI,UACI;AAAA,MAC/B;AAAA,QACI;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACF,KAAK,IAAI;AAAA,IAAA,GAGTK,IAAmBD,IAAoB,CAAC,GACxCE,IAAkBF,IAAoBA,EAAkB,SAAS,CAAC;AAIxE,QAFqBD,EAAM,QAAQ,OAOnC;AAAA,UAAIA,EAAM,UAAU;AAChB,QAAI,SAAS,kBAAkBE,MAC3BC,GAAiB,MAAA,GACjBH,EAAM,eAAA;AAEV;AAAA,MACJ;AAGA,MAAI,SAAS,kBAAkBG,MAC3BD,GAAkB,MAAA,GAClBF,EAAM,eAAA;AAAA;AAAA,EAEd;AAEA,SAAAI,EAAU,MAAM;AACZ,UAAMC,IAAUT,KAAWC,EAAI;AAE/B,WAAIQ,KACAA,EAAQ,iBAAiB,WAAWN,CAAuC,GAGxE,MAAM;AACT,MAAIM,KACAA,EAAQ,oBAAoB,WAAWN,CAAuC;AAAA,IAEtF;AAAA,EACJ,GAAG,CAACF,EAAI,SAASD,CAAO,CAAC,GAElBC;AACX;"}
+{"version":3,"file":"useFocusTrap.js","names":[],"sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useRef } from 'react';\n\n/**\n * This custom hook allows to keep the focus inside a defined wrapper element.\n * This might be a dialog or a custom overlay.\n *\n * This hook can be used in two ways:\n * - When you have a external component that will be re-rendered after the overlay opens, you can use\n *   the built-in ref. This ref will be returned from this hook and can be set on the respective wrapper element.\n * - When you have an element that does not re-render, use a state setter function to set as the ref.\n *   This element can then be passed as a parameter to this hook and it will be used instead of the built-in ref.\n *\n * @param element Optional parameter to pass in the existing DOM reference. Use this instead of the built-in ref.\n * @returns\n */\nconst useFocusTrap = <T extends HTMLElement>(element?: HTMLDivElement | null) => {\n    const ref = useRef<HTMLDivElement>(null);\n\n    const handleFocus = (event: React.KeyboardEvent<T>) => {\n        const wrapper = element ?? ref.current;\n        const focusableElements = wrapper?.querySelectorAll(\n            [\n                'a[href]',\n                'button',\n                'textarea',\n                'input',\n                'input[type=\"text\"]',\n                'input[type=\"radio\"]',\n                'input[type=\"checkbox\"]',\n                'select',\n            ].join(', ')\n        );\n\n        const firstFocusableEl = focusableElements?.[0] as HTMLElement | undefined;\n        const lastFocusableEl = focusableElements?.[focusableElements.length - 1] as HTMLElement | undefined;\n\n        const isTabPressed = event.key === 'Tab';\n\n        if (!isTabPressed) {\n            return;\n        }\n\n        // Handle: shift + tab\n        if (event.shiftKey) {\n            if (document.activeElement === firstFocusableEl) {\n                lastFocusableEl?.focus();\n                event.preventDefault();\n            }\n            return;\n        }\n\n        // Handle: tab\n        if (document.activeElement === lastFocusableEl) {\n            firstFocusableEl?.focus();\n            event.preventDefault();\n        }\n    };\n\n    useEffect(() => {\n        const wrapper = element ?? ref.current;\n\n        if (wrapper) {\n            wrapper.addEventListener('keydown', handleFocus as unknown as EventListener);\n        }\n\n        return () => {\n            if (wrapper) {\n                wrapper.removeEventListener('keydown', handleFocus as unknown as EventListener);\n            }\n        };\n    }, [ref.current, element]);\n\n    return ref;\n};\n\nexport default useFocusTrap;\n"],"mappings":";;AAgBA,IAAM,KAAuC,MAAoC;CAC7E,IAAM,IAAM,EAAuB,IAAI,GAEjC,KAAe,MAAkC;EAEnD,IAAM,KADU,KAAW,EAAI,QAAA,EACI,iBAC/B;GACI;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACJ,CAAC,CAAC,KAAK,IAAI,CACf,GAEM,IAAmB,IAAoB,IACvC,IAAkB,IAAoB,EAAkB,SAAS;EAElD,MAAM,QAAQ,OAOnC;OAAI,EAAM,UAAU;IAChB,AAAI,SAAS,kBAAkB,MAC3B,GAAiB,MAAM,GACvB,EAAM,eAAe;IAEzB;GACJ;GAGA,AAAI,SAAS,kBAAkB,MAC3B,GAAkB,MAAM,GACxB,EAAM,eAAe;EALzB;CAOJ;CAgBA,OAdA,QAAgB;EACZ,IAAM,IAAU,KAAW,EAAI;EAM/B,OAJI,KACA,EAAQ,iBAAiB,WAAW,CAAuC,SAGlE;GACT,AAAI,KACA,EAAQ,oBAAoB,WAAW,CAAuC;EAEtF;CACJ,GAAG,CAAC,EAAI,SAAS,CAAO,CAAC,GAElB;AACX"}

package/hooks/useFreezePiiData.js

@@ -1,14 +1,15 @@
-import { useEffect as i } from "react";
-const n = () => {
-  i(() => {
-    const a = document.querySelectorAll("[data-pii='visible']");
-    for (const e of a) {
-      let t = null;
-      "value" in e && e.value ? (t = e.value, e.setAttribute("data-frozen-pii-data", t), e.value = t) : e.textContent && (t = e.textContent, e.setAttribute("data-frozen-pii-data", t), e.textContent = t);
-    }
-  }, []);
+import { useEffect as e } from "react";
+//#region src/hooks/useFreezePiiData.ts
+var t = () => {
+	e(() => {
+		let e = document.querySelectorAll("[data-pii='visible']");
+		for (let t of e) {
+			let e = null;
+			"value" in t && t.value ? (e = t.value, t.setAttribute("data-frozen-pii-data", e), t.value = e) : t.textContent &&= (e = t.textContent, t.setAttribute("data-frozen-pii-data", e), e);
+		}
+	}, []);
 };
-export {
-  n as default
-};
-//# sourceMappingURL=useFreezePiiData.js.map
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=useFreezePiiData.js.map

package/hooks/useFreezePiiData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFreezePiiData.js","sources":["../../src/hooks/useFreezePiiData.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nconst useFreezePiiData = () => {\n    useEffect(() => {\n        // Für alle Elemente mit data-pii='visible'\n        const elems = document.querySelectorAll<HTMLElement>(\"[data-pii='visible']\");\n        for (const el of elems) {\n            let currentValue: string | null = null;\n            if ('value' in el && (el as HTMLInputElement).value) {\n                currentValue = (el as HTMLInputElement).value;\n                el.setAttribute('data-frozen-pii-data', currentValue);\n                (el as HTMLInputElement).value = currentValue;\n            } else if (el.textContent) {\n                currentValue = el.textContent;\n                el.setAttribute('data-frozen-pii-data', currentValue);\n                // biome-ignore lint/correctness/noSelfAssign: <explanation>\n                el.textContent = currentValue;\n            }\n        }\n    }, []);\n};\n\nexport default useFreezePiiData;\n"],"names":["useFreezePiiData","useEffect","elems","el","currentValue"],"mappings":";AAEA,MAAMA,IAAmB,MAAM;AAC3B,EAAAC,EAAU,MAAM;AAEZ,UAAMC,IAAQ,SAAS,iBAA8B,sBAAsB;AAC3E,eAAWC,KAAMD,GAAO;AACpB,UAAIE,IAA8B;AAClC,MAAI,WAAWD,KAAOA,EAAwB,SAC1CC,IAAgBD,EAAwB,OACxCA,EAAG,aAAa,wBAAwBC,CAAY,GACnDD,EAAwB,QAAQC,KAC1BD,EAAG,gBACVC,IAAeD,EAAG,aAClBA,EAAG,aAAa,wBAAwBC,CAAY,GAEpDD,EAAG,cAAcC;AAAA,IAEzB;AAAA,EACJ,GAAG,CAAA,CAAE;AACT;"}
+{"version":3,"file":"useFreezePiiData.js","names":[],"sources":["../../src/hooks/useFreezePiiData.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nconst useFreezePiiData = () => {\n    useEffect(() => {\n        // Für alle Elemente mit data-pii='visible'\n        const elems = document.querySelectorAll<HTMLElement>(\"[data-pii='visible']\");\n        for (const el of elems) {\n            let currentValue: string | null = null;\n            if ('value' in el && (el as HTMLInputElement).value) {\n                currentValue = (el as HTMLInputElement).value;\n                el.setAttribute('data-frozen-pii-data', currentValue);\n                (el as HTMLInputElement).value = currentValue;\n            } else if (el.textContent) {\n                currentValue = el.textContent;\n                el.setAttribute('data-frozen-pii-data', currentValue);\n                // biome-ignore lint/correctness/noSelfAssign: <explanation>\n                el.textContent = currentValue;\n            }\n        }\n    }, []);\n};\n\nexport default useFreezePiiData;\n"],"mappings":";;AAEA,IAAM,UAAyB;CAC3B,QAAgB;EAEZ,IAAM,IAAQ,SAAS,iBAA8B,sBAAsB;EAC3E,KAAK,IAAM,KAAM,GAAO;GACpB,IAAI,IAA8B;GAClC,AAAI,WAAW,KAAO,EAAwB,SAC1C,IAAgB,EAAwB,OACxC,EAAG,aAAa,wBAAwB,CAAY,GACpD,EAAyB,QAAQ,KAC9B,AAIH,EAAG,iBAHH,IAAe,EAAG,aAClB,EAAG,aAAa,wBAAwB,CAAY,GAEnC;EAEzB;CACJ,GAAG,CAAC,CAAC;AACT"}

package/hooks/useFullscreen.js

@@ -1,71 +1,71 @@
-import { useState as h, useCallback as m } from "react";
-import { noop as F } from "es-toolkit/compat";
-import t from "./useEvent.js";
-const z = {
-  requestFullscreen: F,
-  exitFullscreen: F,
-  toggleFullscreen: F,
-  isFullscreen: !1,
-  isEnabled: !1
-}, v = [
-  "requestFullscreen",
-  "webkitRequestFullscreen",
-  "webkitRequestFullScreen",
-  "mozRequestFullScreen"
-], R = ["exitFullscreen", "webkitExitFullscreen", "webkitCancelFullScreen", "mozCancelFullScreen"], B = [
-  "fullscreenElement",
-  "webkitFullscreenElement",
-  "webkitCurrentFullScreenElement",
-  "mozFullScreenElement"
-], H = [
-  "fullscreenElement",
-  "webkitFullscreenEnabled",
-  "webkitCurrentFullScreenElement",
-  "mozFullScreenEnabled"
-], u = (n, l) => n.find((o) => o in l), I = (n = document) => u(v, n), L = () => u(R, document), k = () => {
-  const n = u(B, document);
-  return n ? document[n] : null;
-}, M = () => u(H, document), A = (n = {}) => {
-  if (typeof window > "u")
-    return console.warn("useFullscreen: window is undefined."), z;
-  const { element: l, onChange: o, onError: S, requestFullscreenOptions: N = {} } = n, p = !l || !(l instanceof HTMLElement) ? document.querySelector("html") : l, f = k(), [x, d] = h(!!f), [c, E] = h(f), w = m(async (e) => {
-    const s = e instanceof HTMLElement;
-    try {
-      const r = e && s ? e : p, q = I(r);
-      if (q)
-        return await r[q](N);
-      throw new Error("Request function not found");
-    } catch (r) {
-      console.log(r);
-    }
-  }, []), b = m(async () => {
-    try {
-      const e = L();
-      if (c && e)
-        return await document[e]();
-    } catch (e) {
-      console.warn(e);
-    }
-  }, [c]), C = m(
-    (e) => {
-      c ? b() : w(e);
-    },
-    [c]
-  ), i = () => {
-    const e = k(), s = !!e;
-    s ? (d(!0), E(e)) : (d(!1), E(null)), o?.call(document, event || new Event("default"), s);
-  }, a = () => (e) => S?.call(document, e);
-  t("fullscreenchange", i), t("webkitfullscreenchange", i), t("mozfullscreenchange", i), t("fullscreenerror", a), t("webkitfullscreenerror", a), t("mozfullscreenerror", a);
-  const g = M(), y = g ? !!document[g] : !1;
-  return {
-    requestFullscreen: w,
-    exitFullscreen: b,
-    toggleFullscreen: C,
-    isFullscreen: x,
-    isEnabled: y
-  };
+import e from "./useEvent.js";
+import { useCallback as t, useState as n } from "react";
+import { noop as r } from "es-toolkit/compat";
+//#region src/hooks/useFullscreen.ts
+var i = {
+	requestFullscreen: r,
+	exitFullscreen: r,
+	toggleFullscreen: r,
+	isFullscreen: !1,
+	isEnabled: !1
+}, a = [
+	"requestFullscreen",
+	"webkitRequestFullscreen",
+	"webkitRequestFullScreen",
+	"mozRequestFullScreen"
+], o = [
+	"exitFullscreen",
+	"webkitExitFullscreen",
+	"webkitCancelFullScreen",
+	"mozCancelFullScreen"
+], s = [
+	"fullscreenElement",
+	"webkitFullscreenElement",
+	"webkitCurrentFullScreenElement",
+	"mozFullScreenElement"
+], c = [
+	"fullscreenElement",
+	"webkitFullscreenEnabled",
+	"webkitCurrentFullScreenElement",
+	"mozFullScreenEnabled"
+], l = (e, t) => e.find((e) => e in t), u = (e = document) => l(a, e), d = () => l(o, document), f = () => {
+	let e = l(s, document);
+	return e ? document[e] : null;
+}, p = () => l(c, document), m = (r = {}) => {
+	if (typeof window > "u") return console.warn("useFullscreen: window is undefined."), i;
+	let { element: a, onChange: o, onError: s, requestFullscreenOptions: c = {} } = r, l = !a || !(a instanceof HTMLElement) ? document.querySelector("html") : a, m = f(), [h, g] = n(!!m), [_, v] = n(m), y = t(async (e) => {
+		let t = e instanceof HTMLElement;
+		try {
+			let n = e && t ? e : l, r = u(n);
+			if (r) return await n[r](c);
+			throw Error("Request function not found");
+		} catch (e) {
+			console.log(e);
+		}
+	}, []), b = t(async () => {
+		try {
+			let e = d();
+			if (_ && e) return await document[e]();
+		} catch (e) {
+			console.warn(e);
+		}
+	}, [_]), x = t((e) => {
+		_ ? b() : y(e);
+	}, [_]), S = () => {
+		let e = f(), t = !!e;
+		t ? (g(!0), v(e)) : (g(!1), v(null)), o?.call(document, event || new Event("default"), t);
+	}, C = () => (e) => s?.call(document, e);
+	e("fullscreenchange", S), e("webkitfullscreenchange", S), e("mozfullscreenchange", S), e("fullscreenerror", C), e("webkitfullscreenerror", C), e("mozfullscreenerror", C);
+	let w = p();
+	return {
+		requestFullscreen: y,
+		exitFullscreen: b,
+		toggleFullscreen: x,
+		isFullscreen: h,
+		isEnabled: w ? !!document[w] : !1
+	};
 };
-export {
-  A as default
-};
-//# sourceMappingURL=useFullscreen.js.map
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=useFullscreen.js.map

package/hooks/useFullscreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFullscreen.js","sources":["../../src/hooks/useFullscreen.ts"],"sourcesContent":["// inspired by https://github.com/imbhargav5/rooks/blob/main/src/hooks/useFullscreen.ts\n\nimport { useState, useCallback } from 'react';\nimport { noop } from 'es-toolkit/compat';\n\nimport useEvent from './useEvent';\n\ntype EventCallback = (this: Document, event_: Event) => void;\n\ntype OnChangeEventCallback = (this: Document, event_: Event, isOpen: boolean) => void;\n\ntype RequestFullscreenOptions = {\n    // string will help to ease type casting\n    navigationUI?: string | 'auto' | 'hide' | 'show';\n};\n\ntype FullScreenOptions = {\n    element?: HTMLElement;\n    onChange?: OnChangeEventCallback;\n    onError?: EventCallback;\n    requestFullscreenOptions?: RequestFullscreenOptions;\n};\n\ntype FullscreenApi = {\n    requestFullscreen: VoidFunction | ((element?: HTMLElement | null) => Promise<unknown>);\n    exitFullscreen: VoidFunction | (() => Promise<unknown>);\n    toggleFullscreen: VoidFunction | ((element?: HTMLElement) => Promise<unknown>);\n    isEnabled: boolean;\n    isFullscreen: boolean;\n};\n\nconst defaultValue: FullscreenApi = {\n    requestFullscreen: noop,\n    exitFullscreen: noop,\n    toggleFullscreen: noop,\n    isFullscreen: false,\n    isEnabled: false,\n};\n\ntype FullscreenDocument = Document & {\n    fullscreenElement?: Element;\n    webkitFullscreenElement?: Element;\n    webkitCurrentFullScreenElement?: Element;\n    mozFullScreenElement?: Element;\n};\n\ntype FullscreenElement = HTMLElement & {\n    requestFullscreen?: Element['requestFullscreen'];\n    webkitRequestFullscreen?: Element['requestFullscreen'];\n    webkitRequestFullScreen?: Element['requestFullscreen'];\n    mozRequestFullScreen?: Element['requestFullscreen'];\n    msRequestFullscreen?: Element['requestFullscreen'];\n};\n\nconst requestFunctions = [\n    'requestFullscreen',\n    'webkitRequestFullscreen',\n    'webkitRequestFullScreen',\n    'mozRequestFullScreen',\n];\n\nconst exitFunctions = ['exitFullscreen', 'webkitExitFullscreen', 'webkitCancelFullScreen', 'mozCancelFullScreen'];\n\nconst fullscreenElementFunctions = [\n    'fullscreenElement',\n    'webkitFullscreenElement',\n    'webkitCurrentFullScreenElement',\n    'mozFullScreenElement',\n];\n\nconst isFullscreenEnabledFunctions = [\n    'fullscreenElement',\n    'webkitFullscreenEnabled',\n    'webkitCurrentFullScreenElement',\n    'mozFullScreenEnabled',\n];\n\nconst getFnName = (fnMap: string[], targetElement: Element | Document) =>\n    fnMap.find(fnName => {\n        if (fnName in targetElement) {\n            return true;\n        }\n        return false;\n    });\n\n// Element centered fullscreen functions\nconst getRequestFunctionName = (targetElement: Element | Document = document) =>\n    getFnName(requestFunctions, targetElement);\n\n// Document fullscreen functions\nconst getExitFunctionName = () => getFnName(exitFunctions, document);\n\nconst getFullscreenElementFunctionName = () => {\n    const fullscreenFunctionName = getFnName(fullscreenElementFunctions, document);\n    const initialFullscreenElement = fullscreenFunctionName\n        ? (document as FullscreenDocument)[fullscreenFunctionName as keyof FullscreenDocument]\n        : null;\n    return initialFullscreenElement;\n};\n\nconst getIsFullscreenEnabledFunctionName = () => getFnName(isFullscreenEnabledFunctions, document);\n\n/**\n * Custom hook to manage fullscreen functionality.\n *\n * @param options - Options for managing fullscreen behavior.\n */\nconst useFullscreen = (options: FullScreenOptions = {}) => {\n    if (typeof window === 'undefined') {\n        console.warn('useFullscreen: window is undefined.');\n        return defaultValue;\n    }\n    const { element, onChange, onError, requestFullscreenOptions = {} } = options;\n\n    // use either a defined target or when document is set, use the html element as in Chrome the\n    // document does not have a request function. It needs to be an element.\n    const defaultFullscreenElement =\n        !element || !(element instanceof HTMLElement) ? (document.querySelector('html') as HTMLElement) : element;\n\n    const initialFullscreenElement = getFullscreenElementFunctionName();\n\n    const [isFullscreen, setIsFullscreen] = useState(Boolean(initialFullscreenElement));\n    const [fullscreenElement, setFullscreenElement] = useState(initialFullscreenElement);\n\n    // Request\n    const requestFullscreen = useCallback(async (newTargetElement: any) => {\n        // check whether the new target element is a real DOM node or just a function\n        const isHtmlElement = newTargetElement instanceof HTMLElement;\n        try {\n            const target = newTargetElement && isHtmlElement ? newTargetElement : defaultFullscreenElement;\n            const requestFunctionName = getRequestFunctionName(target);\n            if (requestFunctionName) {\n                return await (target as any)[requestFunctionName](requestFullscreenOptions);\n            }\n            throw new Error('Request function not found');\n        } catch (error) {\n            console.log(error);\n        }\n    }, []);\n\n    // Exit\n    const exitFullscreen = useCallback(async () => {\n        try {\n            const exitFunctionName = getExitFunctionName();\n            if (fullscreenElement && exitFunctionName) {\n                return await (document as any)[exitFunctionName]();\n            }\n        } catch (error) {\n            console.warn(error);\n        }\n    }, [fullscreenElement]);\n\n    // Toggle\n    const toggleFullscreen = useCallback(\n        (newTargetElement: any) => {\n            if (fullscreenElement) {\n                exitFullscreen();\n            } else {\n                requestFullscreen(newTargetElement);\n            }\n        },\n        [fullscreenElement]\n    );\n\n    const handleChangeEvent = () => {\n        const currentFullscreenElement = getFullscreenElementFunctionName();\n\n        const isOpen = Boolean(currentFullscreenElement);\n\n        if (isOpen) {\n            // fullscreen was enabled\n            setIsFullscreen(true);\n            setFullscreenElement(currentFullscreenElement);\n        } else {\n            // fullscreen was disabled\n            setIsFullscreen(false);\n            setFullscreenElement(null);\n        }\n        onChange?.call(document, event || new Event('default'), isOpen);\n    };\n\n    const handleErrorEvent = () => (event: Event) => onError?.call(document, event);\n\n    useEvent('fullscreenchange', handleChangeEvent);\n    useEvent('webkitfullscreenchange', handleChangeEvent);\n    useEvent('mozfullscreenchange', handleChangeEvent);\n\n    useEvent('fullscreenerror', handleErrorEvent);\n    useEvent('webkitfullscreenerror', handleErrorEvent);\n    useEvent('mozfullscreenerror', handleErrorEvent);\n\n    const enabledFunctionName = getIsFullscreenEnabledFunctionName();\n    const isEnabled = enabledFunctionName ? Boolean((document as any)[enabledFunctionName]) : false;\n\n    return {\n        requestFullscreen,\n        exitFullscreen,\n        toggleFullscreen,\n        isFullscreen,\n        isEnabled,\n    };\n};\n\nexport default useFullscreen;\n"],"names":["defaultValue","noop","requestFunctions","exitFunctions","fullscreenElementFunctions","isFullscreenEnabledFunctions","getFnName","fnMap","targetElement","fnName","getRequestFunctionName","getExitFunctionName","getFullscreenElementFunctionName","fullscreenFunctionName","getIsFullscreenEnabledFunctionName","useFullscreen","options","element","onChange","onError","requestFullscreenOptions","defaultFullscreenElement","initialFullscreenElement","isFullscreen","setIsFullscreen","useState","fullscreenElement","setFullscreenElement","requestFullscreen","useCallback","newTargetElement","isHtmlElement","target","requestFunctionName","error","exitFullscreen","exitFunctionName","toggleFullscreen","handleChangeEvent","currentFullscreenElement","isOpen","handleErrorEvent","event","useEvent","enabledFunctionName","isEnabled"],"mappings":";;;AA+BA,MAAMA,IAA8B;AAAA,EAChC,mBAAmBC;AAAA,EACnB,gBAAgBA;AAAA,EAChB,kBAAkBA;AAAA,EAClB,cAAc;AAAA,EACd,WAAW;AACf,GAiBMC,IAAmB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,IAAgB,CAAC,kBAAkB,wBAAwB,0BAA0B,qBAAqB,GAE1GC,IAA6B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,IAA+B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,IAAY,CAACC,GAAiBC,MAChCD,EAAM,KAAK,CAAAE,MACHA,KAAUD,CAIjB,GAGCE,IAAyB,CAACF,IAAoC,aAChEF,EAAUJ,GAAkBM,CAAa,GAGvCG,IAAsB,MAAML,EAAUH,GAAe,QAAQ,GAE7DS,IAAmC,MAAM;AAC3C,QAAMC,IAAyBP,EAAUF,GAA4B,QAAQ;AAI7E,SAHiCS,IAC1B,SAAgCA,CAAkD,IACnF;AAEV,GAEMC,IAAqC,MAAMR,EAAUD,GAA8B,QAAQ,GAO3FU,IAAgB,CAACC,IAA6B,OAAO;AACvD,MAAI,OAAO,SAAW;AAClB,mBAAQ,KAAK,qCAAqC,GAC3ChB;AAEX,QAAM,EAAE,SAAAiB,GAAS,UAAAC,GAAU,SAAAC,GAAS,0BAAAC,IAA2B,CAAA,MAAOJ,GAIhEK,IACF,CAACJ,KAAW,EAAEA,aAAmB,eAAgB,SAAS,cAAc,MAAM,IAAoBA,GAEhGK,IAA2BV,EAAA,GAE3B,CAACW,GAAcC,CAAe,IAAIC,EAAS,EAAQH,CAAyB,GAC5E,CAACI,GAAmBC,CAAoB,IAAIF,EAASH,CAAwB,GAG7EM,IAAoBC,EAAY,OAAOC,MAA0B;AAEnE,UAAMC,IAAgBD,aAA4B;AAClD,QAAI;AACA,YAAME,IAASF,KAAoBC,IAAgBD,IAAmBT,GAChEY,IAAsBvB,EAAuBsB,CAAM;AACzD,UAAIC;AACA,eAAO,MAAOD,EAAeC,CAAmB,EAAEb,CAAwB;AAE9E,YAAM,IAAI,MAAM,4BAA4B;AAAA,IAChD,SAASc,GAAO;AACZ,cAAQ,IAAIA,CAAK;AAAA,IACrB;AAAA,EACJ,GAAG,CAAA,CAAE,GAGCC,IAAiBN,EAAY,YAAY;AAC3C,QAAI;AACA,YAAMO,IAAmBzB,EAAA;AACzB,UAAIe,KAAqBU;AACrB,eAAO,MAAO,SAAiBA,CAAgB,EAAA;AAAA,IAEvD,SAASF,GAAO;AACZ,cAAQ,KAAKA,CAAK;AAAA,IACtB;AAAA,EACJ,GAAG,CAACR,CAAiB,CAAC,GAGhBW,IAAmBR;AAAA,IACrB,CAACC,MAA0B;AACvB,MAAIJ,IACAS,EAAA,IAEAP,EAAkBE,CAAgB;AAAA,IAE1C;AAAA,IACA,CAACJ,CAAiB;AAAA,EAAA,GAGhBY,IAAoB,MAAM;AAC5B,UAAMC,IAA2B3B,EAAA,GAE3B4B,IAAS,EAAQD;AAEvB,IAAIC,KAEAhB,EAAgB,EAAI,GACpBG,EAAqBY,CAAwB,MAG7Cf,EAAgB,EAAK,GACrBG,EAAqB,IAAI,IAE7BT,GAAU,KAAK,UAAU,SAAS,IAAI,MAAM,SAAS,GAAGsB,CAAM;AAAA,EAClE,GAEMC,IAAmB,MAAM,CAACC,MAAiBvB,GAAS,KAAK,UAAUuB,CAAK;AAE9E,EAAAC,EAAS,oBAAoBL,CAAiB,GAC9CK,EAAS,0BAA0BL,CAAiB,GACpDK,EAAS,uBAAuBL,CAAiB,GAEjDK,EAAS,mBAAmBF,CAAgB,GAC5CE,EAAS,yBAAyBF,CAAgB,GAClDE,EAAS,sBAAsBF,CAAgB;AAE/C,QAAMG,IAAsB9B,EAAA,GACtB+B,IAAYD,IAAsB,EAAS,SAAiBA,CAAmB,IAAK;AAE1F,SAAO;AAAA,IACH,mBAAAhB;AAAA,IACA,gBAAAO;AAAA,IACA,kBAAAE;AAAA,IACA,cAAAd;AAAA,IACA,WAAAsB;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useFullscreen.js","names":[],"sources":["../../src/hooks/useFullscreen.ts"],"sourcesContent":["// inspired by https://github.com/imbhargav5/rooks/blob/main/src/hooks/useFullscreen.ts\n\nimport { useState, useCallback } from 'react';\nimport { noop } from 'es-toolkit/compat';\n\nimport useEvent from './useEvent';\n\ntype EventCallback = (this: Document, event_: Event) => void;\n\ntype OnChangeEventCallback = (this: Document, event_: Event, isOpen: boolean) => void;\n\ntype RequestFullscreenOptions = {\n    // string will help to ease type casting\n    navigationUI?: string | 'auto' | 'hide' | 'show';\n};\n\ntype FullScreenOptions = {\n    element?: HTMLElement;\n    onChange?: OnChangeEventCallback;\n    onError?: EventCallback;\n    requestFullscreenOptions?: RequestFullscreenOptions;\n};\n\ntype FullscreenApi = {\n    requestFullscreen: VoidFunction | ((element?: HTMLElement | null) => Promise<unknown>);\n    exitFullscreen: VoidFunction | (() => Promise<unknown>);\n    toggleFullscreen: VoidFunction | ((element?: HTMLElement) => Promise<unknown>);\n    isEnabled: boolean;\n    isFullscreen: boolean;\n};\n\nconst defaultValue: FullscreenApi = {\n    requestFullscreen: noop,\n    exitFullscreen: noop,\n    toggleFullscreen: noop,\n    isFullscreen: false,\n    isEnabled: false,\n};\n\ntype FullscreenDocument = Document & {\n    fullscreenElement?: Element;\n    webkitFullscreenElement?: Element;\n    webkitCurrentFullScreenElement?: Element;\n    mozFullScreenElement?: Element;\n};\n\ntype FullscreenElement = HTMLElement & {\n    requestFullscreen?: Element['requestFullscreen'];\n    webkitRequestFullscreen?: Element['requestFullscreen'];\n    webkitRequestFullScreen?: Element['requestFullscreen'];\n    mozRequestFullScreen?: Element['requestFullscreen'];\n    msRequestFullscreen?: Element['requestFullscreen'];\n};\n\nconst requestFunctions = [\n    'requestFullscreen',\n    'webkitRequestFullscreen',\n    'webkitRequestFullScreen',\n    'mozRequestFullScreen',\n];\n\nconst exitFunctions = ['exitFullscreen', 'webkitExitFullscreen', 'webkitCancelFullScreen', 'mozCancelFullScreen'];\n\nconst fullscreenElementFunctions = [\n    'fullscreenElement',\n    'webkitFullscreenElement',\n    'webkitCurrentFullScreenElement',\n    'mozFullScreenElement',\n];\n\nconst isFullscreenEnabledFunctions = [\n    'fullscreenElement',\n    'webkitFullscreenEnabled',\n    'webkitCurrentFullScreenElement',\n    'mozFullScreenEnabled',\n];\n\nconst getFnName = (fnMap: string[], targetElement: Element | Document) =>\n    fnMap.find(fnName => {\n        if (fnName in targetElement) {\n            return true;\n        }\n        return false;\n    });\n\n// Element centered fullscreen functions\nconst getRequestFunctionName = (targetElement: Element | Document = document) =>\n    getFnName(requestFunctions, targetElement);\n\n// Document fullscreen functions\nconst getExitFunctionName = () => getFnName(exitFunctions, document);\n\nconst getFullscreenElementFunctionName = () => {\n    const fullscreenFunctionName = getFnName(fullscreenElementFunctions, document);\n    const initialFullscreenElement = fullscreenFunctionName\n        ? (document as FullscreenDocument)[fullscreenFunctionName as keyof FullscreenDocument]\n        : null;\n    return initialFullscreenElement;\n};\n\nconst getIsFullscreenEnabledFunctionName = () => getFnName(isFullscreenEnabledFunctions, document);\n\n/**\n * Custom hook to manage fullscreen functionality.\n *\n * @param options - Options for managing fullscreen behavior.\n */\nconst useFullscreen = (options: FullScreenOptions = {}) => {\n    if (typeof window === 'undefined') {\n        console.warn('useFullscreen: window is undefined.');\n        return defaultValue;\n    }\n    const { element, onChange, onError, requestFullscreenOptions = {} } = options;\n\n    // use either a defined target or when document is set, use the html element as in Chrome the\n    // document does not have a request function. It needs to be an element.\n    const defaultFullscreenElement =\n        !element || !(element instanceof HTMLElement) ? (document.querySelector('html') as HTMLElement) : element;\n\n    const initialFullscreenElement = getFullscreenElementFunctionName();\n\n    const [isFullscreen, setIsFullscreen] = useState(Boolean(initialFullscreenElement));\n    const [fullscreenElement, setFullscreenElement] = useState(initialFullscreenElement);\n\n    // Request\n    const requestFullscreen = useCallback(async (newTargetElement: any) => {\n        // check whether the new target element is a real DOM node or just a function\n        const isHtmlElement = newTargetElement instanceof HTMLElement;\n        try {\n            const target = newTargetElement && isHtmlElement ? newTargetElement : defaultFullscreenElement;\n            const requestFunctionName = getRequestFunctionName(target);\n            if (requestFunctionName) {\n                return await (target as any)[requestFunctionName](requestFullscreenOptions);\n            }\n            throw new Error('Request function not found');\n        } catch (error) {\n            console.log(error);\n        }\n    }, []);\n\n    // Exit\n    const exitFullscreen = useCallback(async () => {\n        try {\n            const exitFunctionName = getExitFunctionName();\n            if (fullscreenElement && exitFunctionName) {\n                return await (document as any)[exitFunctionName]();\n            }\n        } catch (error) {\n            console.warn(error);\n        }\n    }, [fullscreenElement]);\n\n    // Toggle\n    const toggleFullscreen = useCallback(\n        (newTargetElement: any) => {\n            if (fullscreenElement) {\n                exitFullscreen();\n            } else {\n                requestFullscreen(newTargetElement);\n            }\n        },\n        [fullscreenElement]\n    );\n\n    const handleChangeEvent = () => {\n        const currentFullscreenElement = getFullscreenElementFunctionName();\n\n        const isOpen = Boolean(currentFullscreenElement);\n\n        if (isOpen) {\n            // fullscreen was enabled\n            setIsFullscreen(true);\n            setFullscreenElement(currentFullscreenElement);\n        } else {\n            // fullscreen was disabled\n            setIsFullscreen(false);\n            setFullscreenElement(null);\n        }\n        onChange?.call(document, event || new Event('default'), isOpen);\n    };\n\n    const handleErrorEvent = () => (event: Event) => onError?.call(document, event);\n\n    useEvent('fullscreenchange', handleChangeEvent);\n    useEvent('webkitfullscreenchange', handleChangeEvent);\n    useEvent('mozfullscreenchange', handleChangeEvent);\n\n    useEvent('fullscreenerror', handleErrorEvent);\n    useEvent('webkitfullscreenerror', handleErrorEvent);\n    useEvent('mozfullscreenerror', handleErrorEvent);\n\n    const enabledFunctionName = getIsFullscreenEnabledFunctionName();\n    const isEnabled = enabledFunctionName ? Boolean((document as any)[enabledFunctionName]) : false;\n\n    return {\n        requestFullscreen,\n        exitFullscreen,\n        toggleFullscreen,\n        isFullscreen,\n        isEnabled,\n    };\n};\n\nexport default useFullscreen;\n"],"mappings":";;;;AA+BA,IAAM,IAA8B;CAChC,mBAAmB;CACnB,gBAAgB;CAChB,kBAAkB;CAClB,cAAc;CACd,WAAW;AACf,GAiBM,IAAmB;CACrB;CACA;CACA;CACA;AACJ,GAEM,IAAgB;CAAC;CAAkB;CAAwB;CAA0B;AAAqB,GAE1G,IAA6B;CAC/B;CACA;CACA;CACA;AACJ,GAEM,IAA+B;CACjC;CACA;CACA;CACA;AACJ,GAEM,KAAa,GAAiB,MAChC,EAAM,MAAK,MACH,KAAU,CAIjB,GAGC,KAA0B,IAAoC,aAChE,EAAU,GAAkB,CAAa,GAGvC,UAA4B,EAAU,GAAe,QAAQ,GAE7D,UAAyC;CAC3C,IAAM,IAAyB,EAAU,GAA4B,QAAQ;CAI7E,OAHiC,IAC1B,SAAgC,KACjC;AAEV,GAEM,UAA2C,EAAU,GAA8B,QAAQ,GAO3F,KAAiB,IAA6B,CAAC,MAAM;CACvD,IAAI,OAAO,SAAW,KAElB,OADA,QAAQ,KAAK,qCAAqC,GAC3C;CAEX,IAAM,EAAE,YAAS,aAAU,YAAS,8BAA2B,CAAC,MAAM,GAIhE,IACF,CAAC,KAAW,EAAE,aAAmB,eAAgB,SAAS,cAAc,MAAM,IAAoB,GAEhG,IAA2B,EAAiC,GAE5D,CAAC,GAAc,KAAmB,EAAS,EAAQ,CAAyB,GAC5E,CAAC,GAAmB,KAAwB,EAAS,CAAwB,GAG7E,IAAoB,EAAY,OAAO,MAA0B;EAEnE,IAAM,IAAgB,aAA4B;EAClD,IAAI;GACA,IAAM,IAAS,KAAoB,IAAgB,IAAmB,GAChE,IAAsB,EAAuB,CAAM;GACzD,IAAI,GACA,OAAO,MAAO,EAAe,EAAoB,CAAC,CAAwB;GAE9E,MAAU,MAAM,4BAA4B;EAChD,SAAS,GAAO;GACZ,QAAQ,IAAI,CAAK;EACrB;CACJ,GAAG,CAAC,CAAC,GAGC,IAAiB,EAAY,YAAY;EAC3C,IAAI;GACA,IAAM,IAAmB,EAAoB;GAC7C,IAAI,KAAqB,GACrB,OAAO,MAAO,SAAiB,EAAiB,CAAC;EAEzD,SAAS,GAAO;GACZ,QAAQ,KAAK,CAAK;EACtB;CACJ,GAAG,CAAC,CAAiB,CAAC,GAGhB,IAAmB,GACpB,MAA0B;EACvB,AAAI,IACA,EAAe,IAEf,EAAkB,CAAgB;CAE1C,GACA,CAAC,CAAiB,CACtB,GAEM,UAA0B;EAC5B,IAAM,IAA2B,EAAiC,GAE5D,IAAS,EAAQ;EAWvB,AATI,KAEA,EAAgB,EAAI,GACpB,EAAqB,CAAwB,MAG7C,EAAgB,EAAK,GACrB,EAAqB,IAAI,IAE7B,GAAU,KAAK,UAAU,SAAS,IAAI,MAAM,SAAS,GAAG,CAAM;CAClE,GAEM,WAA0B,MAAiB,GAAS,KAAK,UAAU,CAAK;CAQ9E,AANA,EAAS,oBAAoB,CAAiB,GAC9C,EAAS,0BAA0B,CAAiB,GACpD,EAAS,uBAAuB,CAAiB,GAEjD,EAAS,mBAAmB,CAAgB,GAC5C,EAAS,yBAAyB,CAAgB,GAClD,EAAS,sBAAsB,CAAgB;CAE/C,IAAM,IAAsB,EAAmC;CAG/D,OAAO;EACH;EACA;EACA;EACA;EACA,WAPc,IAAsB,EAAS,SAAiB,KAAwB;CAQ1F;AACJ"}

package/hooks/useHover.d.ts

@@ -5,5 +5,5 @@ import { RefObject } from 'react';
  * @param elementRef - The reference to the HTML element.
  * @returns A boolean value representing whether the element is being hovered over or not.
  */
-declare const useHover: <T extends HTMLElement = HTMLElement>(elementRef: RefObject<T>) => boolean;
+declare const useHover: <T extends HTMLElement = HTMLElement>(elementRef: RefObject<T | null>) => boolean;
 export default useHover;

package/hooks/useHover.js

@@ -1,13 +1,14 @@
-import { useState as o, useEffect as n } from "react";
-const a = (r) => {
-  const [s, t] = o(!1), e = () => t(!0), u = () => t(!1);
-  return n(() => (r.current && r.current.addEventListener("mouseenter", e), () => {
-    r.current && r.current.removeEventListener("mouseenter", e);
-  }), [r.current]), n(() => (r.current && r.current.addEventListener("mouseleave", u), () => {
-    r.current && r.current.removeEventListener("mouseleave", u);
-  }), [r.current]), s;
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useHover.ts
+var n = (n) => {
+	let [r, i] = t(!1), a = () => i(!0), o = () => i(!1);
+	return e(() => (n.current && n.current.addEventListener("mouseenter", a), () => {
+		n.current && n.current.removeEventListener("mouseenter", a);
+	}), [n.current]), e(() => (n.current && n.current.addEventListener("mouseleave", o), () => {
+		n.current && n.current.removeEventListener("mouseleave", o);
+	}), [n.current]), r;
 };
-export {
-  a as default
-};
-//# sourceMappingURL=useHover.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=useHover.js.map

package/hooks/useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHover.js","sources":["../../src/hooks/useHover.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\n/**\n * Custom hook to detect hover state for a given HTML element.\n *\n * @param elementRef - The reference to the HTML element.\n * @returns A boolean value representing whether the element is being hovered over or not.\n */\nconst useHover = <T extends HTMLElement = HTMLElement>(elementRef: RefObject<T>): boolean => {\n    const [value, setValue] = useState<boolean>(false);\n\n    const handleMouseEnter = () => setValue(true);\n    const handleMouseLeave = () => setValue(false);\n\n    useEffect(() => {\n        if (elementRef.current) {\n            elementRef.current.addEventListener('mouseenter', handleMouseEnter);\n        }\n        return () => {\n            if (elementRef.current) {\n                elementRef.current.removeEventListener('mouseenter', handleMouseEnter);\n            }\n        };\n    }, [elementRef.current]);\n\n    useEffect(() => {\n        if (elementRef.current) {\n            elementRef.current.addEventListener('mouseleave', handleMouseLeave);\n        }\n        return () => {\n            if (elementRef.current) {\n                elementRef.current.removeEventListener('mouseleave', handleMouseLeave);\n            }\n        };\n    }, [elementRef.current]);\n\n    return value;\n};\n\nexport default useHover;\n"],"names":["useHover","elementRef","value","setValue","useState","handleMouseEnter","handleMouseLeave","useEffect"],"mappings":";AAQA,MAAMA,IAAW,CAAsCC,MAAsC;AACzF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAkB,EAAK,GAE3CC,IAAmB,MAAMF,EAAS,EAAI,GACtCG,IAAmB,MAAMH,EAAS,EAAK;AAE7C,SAAAI,EAAU,OACFN,EAAW,WACXA,EAAW,QAAQ,iBAAiB,cAAcI,CAAgB,GAE/D,MAAM;AACT,IAAIJ,EAAW,WACXA,EAAW,QAAQ,oBAAoB,cAAcI,CAAgB;AAAA,EAE7E,IACD,CAACJ,EAAW,OAAO,CAAC,GAEvBM,EAAU,OACFN,EAAW,WACXA,EAAW,QAAQ,iBAAiB,cAAcK,CAAgB,GAE/D,MAAM;AACT,IAAIL,EAAW,WACXA,EAAW,QAAQ,oBAAoB,cAAcK,CAAgB;AAAA,EAE7E,IACD,CAACL,EAAW,OAAO,CAAC,GAEhBC;AACX;"}
+{"version":3,"file":"useHover.js","names":[],"sources":["../../src/hooks/useHover.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\n/**\n * Custom hook to detect hover state for a given HTML element.\n *\n * @param elementRef - The reference to the HTML element.\n * @returns A boolean value representing whether the element is being hovered over or not.\n */\nconst useHover = <T extends HTMLElement = HTMLElement>(elementRef: RefObject<T | null>): boolean => {\n    const [value, setValue] = useState<boolean>(false);\n\n    const handleMouseEnter = () => setValue(true);\n    const handleMouseLeave = () => setValue(false);\n\n    useEffect(() => {\n        if (elementRef.current) {\n            elementRef.current.addEventListener('mouseenter', handleMouseEnter);\n        }\n        return () => {\n            if (elementRef.current) {\n                elementRef.current.removeEventListener('mouseenter', handleMouseEnter);\n            }\n        };\n    }, [elementRef.current]);\n\n    useEffect(() => {\n        if (elementRef.current) {\n            elementRef.current.addEventListener('mouseleave', handleMouseLeave);\n        }\n        return () => {\n            if (elementRef.current) {\n                elementRef.current.removeEventListener('mouseleave', handleMouseLeave);\n            }\n        };\n    }, [elementRef.current]);\n\n    return value;\n};\n\nexport default useHover;\n"],"mappings":";;AAQA,IAAM,KAAiD,MAA6C;CAChG,IAAM,CAAC,GAAO,KAAY,EAAkB,EAAK,GAE3C,UAAyB,EAAS,EAAI,GACtC,UAAyB,EAAS,EAAK;CAwB7C,OAtBA,SACQ,EAAW,WACX,EAAW,QAAQ,iBAAiB,cAAc,CAAgB,SAEzD;EACT,AAAI,EAAW,WACX,EAAW,QAAQ,oBAAoB,cAAc,CAAgB;CAE7E,IACD,CAAC,EAAW,OAAO,CAAC,GAEvB,SACQ,EAAW,WACX,EAAW,QAAQ,iBAAiB,cAAc,CAAgB,SAEzD;EACT,AAAI,EAAW,WACX,EAAW,QAAQ,oBAAoB,cAAc,CAAgB;CAE7E,IACD,CAAC,EAAW,OAAO,CAAC,GAEhB;AACX"}

package/hooks/useIncomingPostMessages.js

@@ -1,24 +1,22 @@
-import { useCallback as l, useEffect as f } from "react";
-import { useUpdatingRef as c } from "./useUpdatingRef.js";
-const d = (e) => e !== null && typeof e == "object" && "type" in e && typeof e.type == "string", o = (e) => typeof e == "function", g = (e) => typeof e == "object" && "origin" in e && typeof e.origin == "string" && "handler" in e && o(e.handler), u = (e) => typeof e == "object" && "handlers" in e && e.handlers !== null && typeof e.handlers == "object", a = (e, r) => r === "*" || e.origin === r, p = (e) => {
-  const r = c(e), i = l((n) => {
-    const s = r.current;
-    if (o(s))
-      s(n);
-    else if (g(s))
-      a(n, s.origin) && s.handler(n);
-    else if (u(s)) {
-      if (!a(n, s.origin ?? "*") || !d(n.data))
-        return;
-      const t = s.handlers[n.data.type];
-      t && t(n.data.payload);
-    }
-  }, []);
-  f(() => (window.addEventListener("message", i, !1), () => {
-    window.removeEventListener("message", i, !1);
-  }), []);
+import { useUpdatingRef as e } from "./useUpdatingRef.js";
+import { useCallback as t, useEffect as n } from "react";
+//#region src/hooks/useIncomingPostMessages.ts
+var r = (e) => typeof e == "object" && !!e && "type" in e && typeof e.type == "string", i = (e) => typeof e == "function", a = (e) => typeof e == "object" && "origin" in e && typeof e.origin == "string" && "handler" in e && i(e.handler), o = (e) => typeof e == "object" && "handlers" in e && e.handlers !== null && typeof e.handlers == "object", s = (e, t) => t === "*" || e.origin === t, c = (c) => {
+	let l = e(c), u = t((e) => {
+		let t = l.current;
+		if (i(t)) t(e);
+		else if (a(t)) s(e, t.origin) && t.handler(e);
+		else if (o(t)) {
+			if (!s(e, t.origin ?? "*") || !r(e.data)) return;
+			let n = t.handlers[e.data.type];
+			n && n(e.data.payload);
+		}
+	}, []);
+	n(() => (window.addEventListener("message", u, !1), () => {
+		window.removeEventListener("message", u, !1);
+	}), []);
 };
-export {
-  p as default
-};
-//# sourceMappingURL=useIncomingPostMessages.js.map
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=useIncomingPostMessages.js.map

package/hooks/useIncomingPostMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIncomingPostMessages.js","sources":["../../src/hooks/useIncomingPostMessages.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { useUpdatingRef } from './useUpdatingRef';\n\ntype ActionMessage = { type: string; payload?: unknown };\nconst isActionMessage = (eventData: unknown): eventData is ActionMessage =>\n    eventData !== null && typeof eventData === 'object' && 'type' in eventData && typeof eventData.type === 'string';\n\ntype MessageHandler = (event: MessageEvent<unknown>) => void;\nconst isMessageHandler = (options: IncomingPostMessageOptions): options is MessageHandler =>\n    typeof options === 'function';\n\ntype OriginFilteredMessageHandler = { origin: string; handler: MessageHandler };\nconst isOriginFilteredMessageHandler = (options: IncomingPostMessageOptions): options is OriginFilteredMessageHandler =>\n    typeof options === 'object' &&\n    'origin' in options &&\n    typeof options.origin === 'string' &&\n    'handler' in options &&\n    isMessageHandler(options.handler);\n\n// biome-ignore lint/suspicious/noExplicitAny: unknown would be more correct, but we want to make the user's lives easier :)\ntype ActionMessageHandler = (payload: any) => void;\ntype ActionMessageHandlerDeclaration = { origin?: string; handlers: Record<string, ActionMessageHandler> };\nconst isActionMessageHandlerDeclaration = (\n    options: IncomingPostMessageOptions\n): options is ActionMessageHandlerDeclaration =>\n    typeof options === 'object' &&\n    'handlers' in options &&\n    options.handlers !== null &&\n    typeof options.handlers === 'object';\n\ntype IncomingPostMessageOptions = MessageHandler | OriginFilteredMessageHandler | ActionMessageHandlerDeclaration;\n\nconst originMatches = (event: MessageEvent<unknown>, expectedOrigin: string) =>\n    expectedOrigin === '*' || event.origin === expectedOrigin;\n\n/**\n * A hook for handling incoming postMessage events.\n *\n * Can be used in three ways, based on your requirements:\n * 1. Raw handler: Direct access to MessageEvent\n * 2. Origin-filtered handler: Only handle messages from specific origin\n * 3. Action-based handlers: Route messages by type and extract payloads\n *\n * The idea behind action-based handlers is that you can declaratively define listeners that only react to specific\n * events that belong to a specific `type` of message event when the event looks like a {@link ActionMessage}.\n *\n * @param options Configuration object or function defining how to handle messages\n *\n * @example\n * // Raw handler\n * useIncomingPostMessages((event) => {\n *   console.log('Received:', event.data);\n * });\n *\n * @example\n * // Origin-filtered handler\n * useIncomingPostMessages({\n *   origin: 'https://trusted-domain.com',\n *   handler: (event) => console.log('From trusted origin:', event.data)\n * });\n *\n * @example\n * // Action-based handlers\n * useIncomingPostMessages({\n *   origin: 'https://widget-domain.com', // optional, defaults to '*'\n *   handlers: {\n *     'WIDGET_READY': () => setWidgetReady(true), // actions without payload are possible, too\n *     'WIDGET_DATA': (payload) => setData(payload), // utilizing the payload\n *   }\n * });\n */\nconst useIncomingPostMessages = (options: IncomingPostMessageOptions) => {\n    //  prevent stale references\n    const optionRef = useUpdatingRef(options);\n\n    const listener = useCallback((event: MessageEvent<unknown>) => {\n        const currentOption = optionRef.current;\n\n        if (isMessageHandler(currentOption)) {\n            // raw handler\n            currentOption(event);\n        } else if (isOriginFilteredMessageHandler(currentOption)) {\n            // origin-filtered handler\n            if (originMatches(event, currentOption.origin)) {\n                currentOption.handler(event);\n            }\n        } else if (isActionMessageHandlerDeclaration(currentOption)) {\n            // declarative action message handlers\n            if (!originMatches(event, currentOption.origin ?? '*')) {\n                return;\n            }\n\n            if (!isActionMessage(event.data)) {\n                return;\n            }\n\n            const handler = currentOption.handlers[event.data.type];\n            if (handler) {\n                handler(event.data.payload);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        window.addEventListener('message', listener, false);\n        return () => {\n            window.removeEventListener('message', listener, false);\n        };\n    }, []);\n};\n\nexport default useIncomingPostMessages;\n"],"names":["isActionMessage","eventData","isMessageHandler","options","isOriginFilteredMessageHandler","isActionMessageHandlerDeclaration","originMatches","event","expectedOrigin","useIncomingPostMessages","optionRef","useUpdatingRef","listener","useCallback","currentOption","handler","useEffect"],"mappings":";;AAIA,MAAMA,IAAkB,CAACC,MACrBA,MAAc,QAAQ,OAAOA,KAAc,YAAY,UAAUA,KAAa,OAAOA,EAAU,QAAS,UAGtGC,IAAmB,CAACC,MACtB,OAAOA,KAAY,YAGjBC,IAAiC,CAACD,MACpC,OAAOA,KAAY,YACnB,YAAYA,KACZ,OAAOA,EAAQ,UAAW,YAC1B,aAAaA,KACbD,EAAiBC,EAAQ,OAAO,GAK9BE,IAAoC,CACtCF,MAEA,OAAOA,KAAY,YACnB,cAAcA,KACdA,EAAQ,aAAa,QACrB,OAAOA,EAAQ,YAAa,UAI1BG,IAAgB,CAACC,GAA8BC,MACjDA,MAAmB,OAAOD,EAAM,WAAWC,GAsCzCC,IAA0B,CAACN,MAAwC;AAErE,QAAMO,IAAYC,EAAeR,CAAO,GAElCS,IAAWC,EAAY,CAACN,MAAiC;AAC3D,UAAMO,IAAgBJ,EAAU;AAEhC,QAAIR,EAAiBY,CAAa;AAE9B,MAAAA,EAAcP,CAAK;AAAA,aACZH,EAA+BU,CAAa;AAEnD,MAAIR,EAAcC,GAAOO,EAAc,MAAM,KACzCA,EAAc,QAAQP,CAAK;AAAA,aAExBF,EAAkCS,CAAa,GAAG;AAMzD,UAJI,CAACR,EAAcC,GAAOO,EAAc,UAAU,GAAG,KAIjD,CAACd,EAAgBO,EAAM,IAAI;AAC3B;AAGJ,YAAMQ,IAAUD,EAAc,SAASP,EAAM,KAAK,IAAI;AACtD,MAAIQ,KACAA,EAAQR,EAAM,KAAK,OAAO;AAAA,IAElC;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,EAAAS,EAAU,OACN,OAAO,iBAAiB,WAAWJ,GAAU,EAAK,GAC3C,MAAM;AACT,WAAO,oBAAoB,WAAWA,GAAU,EAAK;AAAA,EACzD,IACD,CAAA,CAAE;AACT;"}
+{"version":3,"file":"useIncomingPostMessages.js","names":[],"sources":["../../src/hooks/useIncomingPostMessages.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { useUpdatingRef } from './useUpdatingRef';\n\ntype ActionMessage = { type: string; payload?: unknown };\nconst isActionMessage = (eventData: unknown): eventData is ActionMessage =>\n    eventData !== null && typeof eventData === 'object' && 'type' in eventData && typeof eventData.type === 'string';\n\ntype MessageHandler = (event: MessageEvent<unknown>) => void;\nconst isMessageHandler = (options: IncomingPostMessageOptions): options is MessageHandler =>\n    typeof options === 'function';\n\ntype OriginFilteredMessageHandler = { origin: string; handler: MessageHandler };\nconst isOriginFilteredMessageHandler = (options: IncomingPostMessageOptions): options is OriginFilteredMessageHandler =>\n    typeof options === 'object' &&\n    'origin' in options &&\n    typeof options.origin === 'string' &&\n    'handler' in options &&\n    isMessageHandler(options.handler);\n\n// biome-ignore lint/suspicious/noExplicitAny: unknown would be more correct, but we want to make the user's lives easier :)\ntype ActionMessageHandler = (payload: any) => void;\ntype ActionMessageHandlerDeclaration = { origin?: string; handlers: Record<string, ActionMessageHandler> };\nconst isActionMessageHandlerDeclaration = (\n    options: IncomingPostMessageOptions\n): options is ActionMessageHandlerDeclaration =>\n    typeof options === 'object' &&\n    'handlers' in options &&\n    options.handlers !== null &&\n    typeof options.handlers === 'object';\n\ntype IncomingPostMessageOptions = MessageHandler | OriginFilteredMessageHandler | ActionMessageHandlerDeclaration;\n\nconst originMatches = (event: MessageEvent<unknown>, expectedOrigin: string) =>\n    expectedOrigin === '*' || event.origin === expectedOrigin;\n\n/**\n * A hook for handling incoming postMessage events.\n *\n * Can be used in three ways, based on your requirements:\n * 1. Raw handler: Direct access to MessageEvent\n * 2. Origin-filtered handler: Only handle messages from specific origin\n * 3. Action-based handlers: Route messages by type and extract payloads\n *\n * The idea behind action-based handlers is that you can declaratively define listeners that only react to specific\n * events that belong to a specific `type` of message event when the event looks like a {@link ActionMessage}.\n *\n * @param options Configuration object or function defining how to handle messages\n *\n * @example\n * // Raw handler\n * useIncomingPostMessages((event) => {\n *   console.log('Received:', event.data);\n * });\n *\n * @example\n * // Origin-filtered handler\n * useIncomingPostMessages({\n *   origin: 'https://trusted-domain.com',\n *   handler: (event) => console.log('From trusted origin:', event.data)\n * });\n *\n * @example\n * // Action-based handlers\n * useIncomingPostMessages({\n *   origin: 'https://widget-domain.com', // optional, defaults to '*'\n *   handlers: {\n *     'WIDGET_READY': () => setWidgetReady(true), // actions without payload are possible, too\n *     'WIDGET_DATA': (payload) => setData(payload), // utilizing the payload\n *   }\n * });\n */\nconst useIncomingPostMessages = (options: IncomingPostMessageOptions) => {\n    //  prevent stale references\n    const optionRef = useUpdatingRef(options);\n\n    const listener = useCallback((event: MessageEvent<unknown>) => {\n        const currentOption = optionRef.current;\n\n        if (isMessageHandler(currentOption)) {\n            // raw handler\n            currentOption(event);\n        } else if (isOriginFilteredMessageHandler(currentOption)) {\n            // origin-filtered handler\n            if (originMatches(event, currentOption.origin)) {\n                currentOption.handler(event);\n            }\n        } else if (isActionMessageHandlerDeclaration(currentOption)) {\n            // declarative action message handlers\n            if (!originMatches(event, currentOption.origin ?? '*')) {\n                return;\n            }\n\n            if (!isActionMessage(event.data)) {\n                return;\n            }\n\n            const handler = currentOption.handlers[event.data.type];\n            if (handler) {\n                handler(event.data.payload);\n            }\n        }\n    }, []);\n\n    useEffect(() => {\n        window.addEventListener('message', listener, false);\n        return () => {\n            window.removeEventListener('message', listener, false);\n        };\n    }, []);\n};\n\nexport default useIncomingPostMessages;\n"],"mappings":";;;AAIA,IAAM,KAAmB,MACC,OAAO,KAAc,cAA3C,KAAuD,UAAU,KAAa,OAAO,EAAU,QAAS,UAGtG,KAAoB,MACtB,OAAO,KAAY,YAGjB,KAAkC,MACpC,OAAO,KAAY,YACnB,YAAY,KACZ,OAAO,EAAQ,UAAW,YAC1B,aAAa,KACb,EAAiB,EAAQ,OAAO,GAK9B,KACF,MAEA,OAAO,KAAY,YACnB,cAAc,KACd,EAAQ,aAAa,QACrB,OAAO,EAAQ,YAAa,UAI1B,KAAiB,GAA8B,MACjD,MAAmB,OAAO,EAAM,WAAW,GAsCzC,KAA2B,MAAwC;CAErE,IAAM,IAAY,EAAe,CAAO,GAElC,IAAW,GAAa,MAAiC;EAC3D,IAAM,IAAgB,EAAU;EAEhC,IAAI,EAAiB,CAAa,GAE9B,EAAc,CAAK;OAChB,IAAI,EAA+B,CAAa,GAE/C,EAAc,GAAO,EAAc,MAAM,KACzC,EAAc,QAAQ,CAAK;OAE5B,IAAI,EAAkC,CAAa,GAAG;GAMzD,IAJI,CAAC,EAAc,GAAO,EAAc,UAAU,GAAG,KAIjD,CAAC,EAAgB,EAAM,IAAI,GAC3B;GAGJ,IAAM,IAAU,EAAc,SAAS,EAAM,KAAK;GAClD,AAAI,KACA,EAAQ,EAAM,KAAK,OAAO;EAElC;CACJ,GAAG,CAAC,CAAC;CAEL,SACI,OAAO,iBAAiB,WAAW,GAAU,EAAK,SACrC;EACT,OAAO,oBAAoB,WAAW,GAAU,EAAK;CACzD,IACD,CAAC,CAAC;AACT"}

package/hooks/useInterval.js

@@ -1,15 +1,15 @@
-import { useRef as u, useEffect as s } from "react";
-const f = (e, r) => {
-  const t = u(null), n = u(e);
-  return s(() => {
-    n.current = e;
-  }, [e]), s(() => {
-    const o = () => n.current();
-    if (typeof r == "number")
-      return t.current = setInterval(o, r), () => clearInterval(t.current ?? void 0);
-  }, [r]), t;
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/useInterval.ts
+var n = (n, r) => {
+	let i = t(null), a = t(n);
+	return e(() => {
+		a.current = n;
+	}, [n]), e(() => {
+		let e = () => a.current();
+		if (typeof r == "number") return i.current = setInterval(e, r), () => clearInterval(i.current ?? void 0);
+	}, [r]), i;
 };
-export {
-  f as default
-};
-//# sourceMappingURL=useInterval.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=useInterval.js.map

package/hooks/useInterval.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterval.js","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n// See https://overreacted.io/making-setinterval-declarative-with-react-hooks/\n\n/**\n * Custom hook to execute a callback function at specified intervals.\n *\n * @param callback - The callback function to be executed.\n * @param delay - The interval duration in milliseconds. Set to null to stop the interval.\n *\n * @returns A mutable ref object that holds the interval ID.\n */\nconst useInterval = (callback: () => void, delay: number | null): React.MutableRefObject<number | null> => {\n    const intervalRef = useRef<number | null>(null);\n    const savedCallback = useRef<() => void>(callback);\n\n    useEffect(() => {\n        savedCallback.current = callback;\n    }, [callback]);\n\n    useEffect(() => {\n        const tick = () => savedCallback.current();\n\n        if (typeof delay === 'number') {\n            intervalRef.current = setInterval(tick, delay) as unknown as number;\n            return () => clearInterval(intervalRef.current ?? undefined);\n        }\n    }, [delay]);\n\n    return intervalRef;\n};\n\nexport default useInterval;\n"],"names":["useInterval","callback","delay","intervalRef","useRef","savedCallback","useEffect","tick"],"mappings":";AAYA,MAAMA,IAAc,CAACC,GAAsBC,MAAgE;AACvG,QAAMC,IAAcC,EAAsB,IAAI,GACxCC,IAAgBD,EAAmBH,CAAQ;AAEjD,SAAAK,EAAU,MAAM;AACZ,IAAAD,EAAc,UAAUJ;AAAA,EAC5B,GAAG,CAACA,CAAQ,CAAC,GAEbK,EAAU,MAAM;AACZ,UAAMC,IAAO,MAAMF,EAAc,QAAA;AAEjC,QAAI,OAAOH,KAAU;AACjB,aAAAC,EAAY,UAAU,YAAYI,GAAML,CAAK,GACtC,MAAM,cAAcC,EAAY,WAAW,MAAS;AAAA,EAEnE,GAAG,CAACD,CAAK,CAAC,GAEHC;AACX;"}
+{"version":3,"file":"useInterval.js","names":[],"sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n// See https://overreacted.io/making-setinterval-declarative-with-react-hooks/\n\n/**\n * Custom hook to execute a callback function at specified intervals.\n *\n * @param callback - The callback function to be executed.\n * @param delay - The interval duration in milliseconds. Set to null to stop the interval.\n *\n * @returns A mutable ref object that holds the interval ID.\n */\nconst useInterval = (callback: () => void, delay: number | null): React.MutableRefObject<number | null> => {\n    const intervalRef = useRef<number | null>(null);\n    const savedCallback = useRef<() => void>(callback);\n\n    useEffect(() => {\n        savedCallback.current = callback;\n    }, [callback]);\n\n    useEffect(() => {\n        const tick = () => savedCallback.current();\n\n        if (typeof delay === 'number') {\n            intervalRef.current = setInterval(tick, delay) as unknown as number;\n            return () => clearInterval(intervalRef.current ?? undefined);\n        }\n    }, [delay]);\n\n    return intervalRef;\n};\n\nexport default useInterval;\n"],"mappings":";;AAYA,IAAM,KAAe,GAAsB,MAAgE;CACvG,IAAM,IAAc,EAAsB,IAAI,GACxC,IAAgB,EAAmB,CAAQ;CAejD,OAbA,QAAgB;EACZ,EAAc,UAAU;CAC5B,GAAG,CAAC,CAAQ,CAAC,GAEb,QAAgB;EACZ,IAAM,UAAa,EAAc,QAAQ;EAEzC,IAAI,OAAO,KAAU,UAEjB,OADA,EAAY,UAAU,YAAY,GAAM,CAAK,SAChC,cAAc,EAAY,WAAW,KAAA,CAAS;CAEnE,GAAG,CAAC,CAAK,CAAC,GAEH;AACX"}

package/hooks/useIsFirstRender.js

@@ -1,9 +1,10 @@
 import { useRef as e } from "react";
-const u = () => {
-  const r = e(!0);
-  return r.current === !0 ? (r.current = !1, !0) : r.current;
+//#region src/hooks/useIsFirstRender.ts
+var t = () => {
+	let t = e(!0);
+	return t.current === !0 ? (t.current = !1, !0) : t.current;
 };
-export {
-  u as default
-};
-//# sourceMappingURL=useIsFirstRender.js.map
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=useIsFirstRender.js.map

package/hooks/useIsFirstRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsFirstRender.js","sources":["../../src/hooks/useIsFirstRender.ts"],"sourcesContent":["import { useRef } from 'react';\n\nconst useIsFirstRender = () => {\n    const renderRef = useRef(true);\n\n    if (renderRef.current === true) {\n        renderRef.current = false;\n        return true;\n    }\n\n    return renderRef.current;\n};\n\nexport default useIsFirstRender;\n"],"names":["useIsFirstRender","renderRef","useRef"],"mappings":";AAEA,MAAMA,IAAmB,MAAM;AAC3B,QAAMC,IAAYC,EAAO,EAAI;AAE7B,SAAID,EAAU,YAAY,MACtBA,EAAU,UAAU,IACb,MAGJA,EAAU;AACrB;"}
+{"version":3,"file":"useIsFirstRender.js","names":[],"sources":["../../src/hooks/useIsFirstRender.ts"],"sourcesContent":["import { useRef } from 'react';\n\nconst useIsFirstRender = () => {\n    const renderRef = useRef(true);\n\n    if (renderRef.current === true) {\n        renderRef.current = false;\n        return true;\n    }\n\n    return renderRef.current;\n};\n\nexport default useIsFirstRender;\n"],"mappings":";;AAEA,IAAM,UAAyB;CAC3B,IAAM,IAAY,EAAO,EAAI;CAO7B,OALI,EAAU,YAAY,MACtB,EAAU,UAAU,IACb,MAGJ,EAAU;AACrB"}

package/hooks/useIsFocusWithin.d.ts

@@ -3,7 +3,7 @@ type UseIsFocusWithinOptions<T extends HTMLElement> = {
      * Optional external ref to the DOM element to track.
      * If not provided, the hook will return its own internal ref.
      */
-    ref?: React.RefObject<T>;
+    ref?: React.RefObject<T | null>;
     /**
      * Optional callback triggered when focus enters the element or its children.
      */
@@ -27,7 +27,7 @@ type UseIsFocusWithinOptions<T extends HTMLElement> = {
  * @returns An object containing the ref and whether focus is currently within the element.
  */
 declare const useIsFocusWithin: <T extends HTMLElement>({ ref: externalRef, onFocusWithin, onBlurWithin, delay, }?: UseIsFocusWithinOptions<T>) => {
-    ref: import('react').RefObject<T>;
+    ref: import('react').RefObject<T | null>;
     isFocusedWithin: boolean;
 };
 export default useIsFocusWithin;