@slango/reazione 1.0.7 → 1.0.8

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,3 @@
+import type { RefObject } from 'react';
+export declare const useClickOutside: (ref: RefObject<HTMLElement | null>, onOutside: () => void, active?: boolean) => void;
+//# sourceMappingURL=useClickOutside.d.ts.map

package/dist/hooks/useClickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.d.ts","sourceRoot":"","sources":["../../src/hooks/useClickOutside.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,eAAO,MAAM,eAAe,GAC1B,KAAK,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,WAAW,MAAM,IAAI,EACrB,gBAAa,KACZ,IAcF,CAAC"}

package/dist/hooks/useClickOutside.js

@@ -0,0 +1,18 @@
+'use client';
+import { useEffect, useRef } from 'react';
+export const useClickOutside = (ref, onOutside, active = true) => {
+    const onOutsideRef = useRef(onOutside);
+    onOutsideRef.current = onOutside;
+    useEffect(() => {
+        if (!active)
+            return;
+        const handleClick = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                onOutsideRef.current();
+            }
+        };
+        document.addEventListener('mousedown', handleClick);
+        return () => document.removeEventListener('mousedown', handleClick);
+    }, [ref, active]);
+};
+//# sourceMappingURL=useClickOutside.js.map

package/dist/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useClickOutside.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAIb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAM1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,GAAkC,EAClC,SAAqB,EACrB,MAAM,GAAG,IAAI,EACP,EAAE;IACR,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACvC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;YACxC,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;gBAC/D,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC"}

package/dist/hooks/useClientValue.d.ts

@@ -0,0 +1,7 @@
+type Options<T> = {
+    deps?: unknown[];
+    initialValue: T;
+};
+export declare function useClientValue<T>(initializer: () => T, { deps, initialValue }: Options<T>): T;
+export {};
+//# sourceMappingURL=useClientValue.d.ts.map

package/dist/hooks/useClientValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClientValue.d.ts","sourceRoot":"","sources":["../../src/hooks/useClientValue.ts"],"names":[],"mappings":"AAIA,KAAK,OAAO,CAAC,CAAC,IAAI;IAChB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,YAAY,EAAE,CAAC,CAAC;CACjB,CAAC;AAOF,wBAAgB,cAAc,CAAC,CAAC,EAC9B,WAAW,EAAE,MAAM,CAAC,EACpB,EAAE,IAAS,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,GACtC,CAAC,CAUH"}

package/dist/hooks/useClientValue.js

@@ -0,0 +1,11 @@
+'use client';
+import { useEffect, useMemo, useState } from 'react';
+export function useClientValue(initializer, { deps = [], initialValue }) {
+    const [value, setValue] = useState(initialValue);
+    const memoizedInitializer = useMemo(() => initializer, deps);
+    useEffect(() => {
+        setValue(memoizedInitializer());
+    }, [memoizedInitializer]);
+    return value;
+}
+//# sourceMappingURL=useClientValue.js.map

package/dist/hooks/useClientValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClientValue.js","sourceRoot":"","sources":["../../src/hooks/useClientValue.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAYrD,MAAM,UAAU,cAAc,CAC5B,WAAoB,EACpB,EAAE,IAAI,GAAG,EAAE,EAAE,YAAY,EAAc;IAEvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,YAAY,CAAC,CAAC;IAEpD,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/hooks/useDebouncedCallback.d.ts

@@ -0,0 +1,6 @@
+export type DebouncedCallback<Args extends unknown[]> = {
+    run: (...args: Args) => void;
+    cancel: () => void;
+};
+export declare const useDebouncedCallback: <Args extends unknown[]>(callback: (...args: Args) => void, delayMs: number) => DebouncedCallback<Args>;
+//# sourceMappingURL=useDebouncedCallback.d.ts.map

package/dist/hooks/useDebouncedCallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebouncedCallback.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,OAAO,EAAE,IAAI;IACtD,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAOF,eAAO,MAAM,oBAAoB,GAAI,IAAI,SAAS,OAAO,EAAE,EACzD,UAAU,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,EACjC,SAAS,MAAM,KACd,iBAAiB,CAAC,IAAI,CAkBxB,CAAC"}

package/dist/hooks/useDebouncedCallback.js

@@ -0,0 +1,15 @@
+'use client';
+import { useCallback, useEffect, useRef } from 'react';
+export const useDebouncedCallback = (callback, delayMs) => {
+    const timeoutRef = useRef(undefined);
+    const callbackRef = useRef(callback);
+    callbackRef.current = callback;
+    useEffect(() => () => clearTimeout(timeoutRef.current), []);
+    const cancel = useCallback(() => clearTimeout(timeoutRef.current), []);
+    const run = useCallback((...args) => {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => callbackRef.current(...args), delayMs);
+    }, [delayMs]);
+    return { run, cancel };
+};
+//# sourceMappingURL=useDebouncedCallback.js.map

package/dist/hooks/useDebouncedCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.js","sourceRoot":"","sources":["../../src/hooks/useDebouncedCallback.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAYvD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,QAAiC,EACjC,OAAe,EACU,EAAE;IAC3B,MAAM,UAAU,GAAG,MAAM,CAA4C,SAAS,CAAC,CAAC;IAChF,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5D,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;IAEvE,MAAM,GAAG,GAAG,WAAW,CACrB,CAAC,GAAG,IAAU,EAAE,EAAE;QAChB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACjC,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;IAC/E,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;AACzB,CAAC,CAAC"}

package/dist/hooks/useMounted.d.ts

@@ -0,0 +1,2 @@
+export declare const useMounted: () => boolean;
+//# sourceMappingURL=useMounted.d.ts.map

package/dist/hooks/useMounted.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMounted.d.ts","sourceRoot":"","sources":["../../src/hooks/useMounted.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,QAAO,OAQ7B,CAAC"}

package/dist/hooks/useMounted.js

@@ -0,0 +1,10 @@
+'use client';
+import { useEffect, useState } from 'react';
+export const useMounted = () => {
+    const [isMounted, setIsMounted] = useState(false);
+    useEffect(() => {
+        setIsMounted(true);
+    }, []);
+    return isMounted;
+};
+//# sourceMappingURL=useMounted.js.map

package/dist/hooks/useMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMounted.js","sourceRoot":"","sources":["../../src/hooks/useMounted.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,CAAC,MAAM,UAAU,GAAG,GAAY,EAAE;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}

package/dist/hooks/usePreventScrolling.d.ts

@@ -0,0 +1,3 @@
+export declare const SCROLLBAR_WIDTH_VAR = "--scrollbar-width";
+export declare const usePreventScrolling: (active?: boolean) => void;
+//# sourceMappingURL=usePreventScrolling.d.ts.map

package/dist/hooks/usePreventScrolling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreventScrolling.d.ts","sourceRoot":"","sources":["../../src/hooks/usePreventScrolling.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,sBAAsB,CAAC;AAOvD,eAAO,MAAM,mBAAmB,GAAI,gBAAa,KAAG,IAkBnD,CAAC"}

package/dist/hooks/usePreventScrolling.js

@@ -0,0 +1,24 @@
+'use client';
+import { useEffect } from 'react';
+export const SCROLLBAR_WIDTH_VAR = '--scrollbar-width';
+export const usePreventScrolling = (active = true) => {
+    useEffect(() => {
+        if (!active)
+            return;
+        const html = document.documentElement;
+        const scrollbarWidth = window.innerWidth - html.clientWidth;
+        const previousOverflow = html.style.overflow;
+        const previousPaddingRight = html.style.paddingRight;
+        html.style.overflow = 'hidden';
+        if (scrollbarWidth > 0) {
+            html.style.paddingRight = `${scrollbarWidth}px`;
+            html.style.setProperty(SCROLLBAR_WIDTH_VAR, `${scrollbarWidth}px`);
+        }
+        return () => {
+            html.style.overflow = previousOverflow;
+            html.style.paddingRight = previousPaddingRight;
+            html.style.removeProperty(SCROLLBAR_WIDTH_VAR);
+        };
+    }, [active]);
+};
+//# sourceMappingURL=usePreventScrolling.js.map

package/dist/hooks/usePreventScrolling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreventScrolling.js","sourceRoot":"","sources":["../../src/hooks/usePreventScrolling.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AAOvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAM,GAAG,IAAI,EAAQ,EAAE;IACzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;QAC5D,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC7C,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;QACrD,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC/B,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,cAAc,IAAI,CAAC;YAChD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,GAAG,cAAc,IAAI,CAAC,CAAC;QACrE,CAAC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,gBAAgB,CAAC;YACvC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,oBAAoB,CAAC;YAC/C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC,CAAC"}

package/dist/hooks/useScrollEdge.d.ts

@@ -0,0 +1,16 @@
+import type { RefObject } from 'react';
+export declare enum Edge {
+    BOTTOM = "bottom",
+    LEFT = "left",
+    RIGHT = "right",
+    TOP = "top"
+}
+export type UseScrollEdgeOptions = {
+    debounceDelay?: number;
+    edge?: Edge;
+    offset?: number;
+    onEdgeReached: () => Promise<void> | void;
+    scrollElement?: RefObject<HTMLElement | null>;
+};
+export declare const useScrollEdge: ({ debounceDelay, edge, offset, onEdgeReached, scrollElement, }: UseScrollEdgeOptions) => void;
+//# sourceMappingURL=useScrollEdge.d.ts.map

package/dist/hooks/useScrollEdge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollEdge.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollEdge.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,oBAAY,IAAI;IACd,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC/C,CAAC;AAMF,eAAO,MAAM,aAAa,GAAI,gEAM3B,oBAAoB,KAAG,IA2BzB,CAAC"}

package/dist/hooks/useScrollEdge.js

@@ -0,0 +1,34 @@
+'use client';
+import { useEffect } from 'react';
+import { useDebouncedCallback } from './useDebouncedCallback.js';
+export var Edge;
+(function (Edge) {
+    Edge["BOTTOM"] = "bottom";
+    Edge["LEFT"] = "left";
+    Edge["RIGHT"] = "right";
+    Edge["TOP"] = "top";
+})(Edge || (Edge = {}));
+export const useScrollEdge = ({ debounceDelay = 200, edge = Edge.BOTTOM, offset = 100, onEdgeReached, scrollElement, }) => {
+    const { run: handleScroll, cancel } = useDebouncedCallback(() => {
+        const container = scrollElement?.current || document.documentElement;
+        const { clientHeight, clientWidth, scrollHeight, scrollLeft, scrollTop, scrollWidth } = container;
+        const edgeConditions = {
+            [Edge.BOTTOM]: () => scrollHeight - scrollTop - clientHeight <= offset,
+            [Edge.LEFT]: () => scrollLeft <= offset,
+            [Edge.RIGHT]: () => scrollWidth - scrollLeft - clientWidth <= offset,
+            [Edge.TOP]: () => scrollTop <= offset,
+        };
+        if (edgeConditions[edge]()) {
+            void onEdgeReached();
+        }
+    }, debounceDelay);
+    useEffect(() => {
+        const container = scrollElement?.current || window;
+        container.addEventListener('scroll', handleScroll);
+        return () => {
+            container.removeEventListener('scroll', handleScroll);
+            cancel();
+        };
+    }, [handleScroll, cancel, scrollElement]);
+};
+//# sourceMappingURL=useScrollEdge.js.map

package/dist/hooks/useScrollEdge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollEdge.js","sourceRoot":"","sources":["../../src/hooks/useScrollEdge.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAIb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,CAAN,IAAY,IAKX;AALD,WAAY,IAAI;IACd,yBAAiB,CAAA;IACjB,qBAAa,CAAA;IACb,uBAAe,CAAA;IACf,mBAAW,CAAA;AACb,CAAC,EALW,IAAI,KAAJ,IAAI,QAKf;AAcD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,aAAa,GAAG,GAAG,EACnB,IAAI,GAAG,IAAI,CAAC,MAAM,EAClB,MAAM,GAAG,GAAG,EACZ,aAAa,EACb,aAAa,GACQ,EAAQ,EAAE;IAC/B,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAAC,GAAG,EAAE;QAC9D,MAAM,SAAS,GAAG,aAAa,EAAE,OAAO,IAAI,QAAQ,CAAC,eAAe,CAAC;QACrE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,GACnF,SAAS,CAAC;QAEZ,MAAM,cAAc,GAAgC;YAClD,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,YAAY,GAAG,SAAS,GAAG,YAAY,IAAI,MAAM;YACtE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,UAAU,IAAI,MAAM;YACvC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC,WAAW,GAAG,UAAU,GAAG,WAAW,IAAI,MAAM;YACpE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,SAAS,IAAI,MAAM;SACtC,CAAC;QAEF,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAC3B,KAAK,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,aAAa,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,aAAa,EAAE,OAAO,IAAI,MAAM,CAAC;QACnD,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEnD,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACtD,MAAM,EAAE,CAAC;QACX,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;AAC5C,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slango/reazione",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "private": false,
   "description": "Collection of generic react utilities",
   "repository": {
@@ -9,6 +9,9 @@
     "directory": "packages/reazione"
   },
   "type": "module",
+  "files": [
+    "dist"
+  ],
   "exports": {
     "./*": {
       "import": "./dist/*.js",
@@ -29,9 +32,9 @@
     "react-dom": "19.2.7",
     "typescript": "6.0.3",
     "vitest": "4.1.10",
-    "@slango.configs/eslint": "1.2.32",
-    "@slango.configs/vitest": "2.0.41",
-    "@slango.configs/typescript": "2.0.9"
+    "@slango.configs/vitest": "2.0.42",
+    "@slango.configs/eslint": "1.2.33",
+    "@slango.configs/typescript": "2.0.10"
   },
   "scripts": {
     "build": "tsc -p tsconfig.build.json",

package/CHANGELOG.md

@@ -1,49 +0,0 @@
-# @slango/reazione
-
-## 1.0.7
-
-### Patch Changes
-
-- 7d321c6: Dependencies bump
-
-## 1.0.6
-
-### Patch Changes
-
-- 463d9ce: Dependencies bump
-
-## 1.0.5
-
-### Patch Changes
-
-- 02b8cd1: Dependencies bump
-
-## 1.0.4
-
-### Patch Changes
-
-- 75b71f7: Dependencies bump
-
-## 1.0.3
-
-### Patch Changes
-
-- 7b9def8: Dependencies bump
-
-## 1.0.2
-
-### Patch Changes
-
-- 1052e1d: Dependencies bump
-
-## 1.0.1
-
-### Patch Changes
-
-- 52a706b: Dependencies bump
-
-## 1.0.0
-
-### Major Changes
-
-- a0c8af4: First version. Generic react hooks: useDebouncedCallback, useMounted, useClickOutside, useClientValue, usePreventScrolling and useScrollEdge.

package/eslint.config.js

@@ -1 +0,0 @@
-export { default } from '@slango.configs/eslint/typescript-react.js';

package/lint-staged.config.js

@@ -1 +0,0 @@
-export { default } from '@slango.configs/lint-staged/typescript.js';

package/src/hooks/useClickOutside.spec.ts

@@ -1,52 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
-
-import { useClickOutside } from './useClickOutside.js';
-
-const mouseDown = (target: Node) => {
-  const event = new MouseEvent('mousedown', { bubbles: true });
-  target.dispatchEvent(event);
-};
-
-describe('useClickOutside', () => {
-  it('fires when clicking outside the element', () => {
-    const element = document.createElement('div');
-    document.body.appendChild(element);
-    const onOutside = vi.fn();
-
-    renderHook(() => useClickOutside({ current: element }, onOutside));
-    mouseDown(document.body);
-
-    expect(onOutside).toHaveBeenCalledTimes(1);
-    element.remove();
-  });
-
-  it('does not fire when clicking inside the element', () => {
-    const element = document.createElement('div');
-    const child = document.createElement('span');
-    element.appendChild(child);
-    document.body.appendChild(element);
-    const onOutside = vi.fn();
-
-    renderHook(() => useClickOutside({ current: element }, onOutside));
-    mouseDown(child);
-
-    expect(onOutside).not.toHaveBeenCalled();
-    element.remove();
-  });
-
-  it('does nothing while inactive and unsubscribes on unmount', () => {
-    const element = document.createElement('div');
-    document.body.appendChild(element);
-    const onOutside = vi.fn();
-
-    const { unmount } = renderHook(() => useClickOutside({ current: element }, onOutside, false));
-    mouseDown(document.body);
-    expect(onOutside).not.toHaveBeenCalled();
-
-    unmount();
-    mouseDown(document.body);
-    expect(onOutside).not.toHaveBeenCalled();
-    element.remove();
-  });
-});

package/src/hooks/useClickOutside.ts

@@ -1,29 +0,0 @@
-'use client';
-
-import type { RefObject } from 'react';
-
-import { useEffect, useRef } from 'react';
-
-/**
- * Invokes `onOutside` when a mousedown lands outside the referenced element.
- * The handler is kept fresh without re-subscribing the document listener.
- */
-export const useClickOutside = (
-  ref: RefObject<HTMLElement | null>,
-  onOutside: () => void,
-  active = true,
-): void => {
-  const onOutsideRef = useRef(onOutside);
-  onOutsideRef.current = onOutside;
-
-  useEffect(() => {
-    if (!active) return;
-    const handleClick = (event: MouseEvent) => {
-      if (ref.current && !ref.current.contains(event.target as Node)) {
-        onOutsideRef.current();
-      }
-    };
-    document.addEventListener('mousedown', handleClick);
-    return () => document.removeEventListener('mousedown', handleClick);
-  }, [ref, active]);
-};

package/src/hooks/useClientValue.spec.ts

@@ -1,39 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
-
-import { useClientValue } from './useClientValue.js';
-
-describe('useClientValue', () => {
-  it('resolves the initializer value after mount', () => {
-    const { result } = renderHook(() => useClientValue(() => 'client', { initialValue: 'server' }));
-
-    expect(result.current).toBe('client');
-  });
-
-  it('re-runs the initializer when deps change', () => {
-    const initializer = vi.fn((suffix: string) => `value-${suffix}`);
-    const { result, rerender } = renderHook(
-      ({ suffix }) =>
-        useClientValue(() => initializer(suffix), { deps: [suffix], initialValue: '' }),
-      { initialProps: { suffix: 'a' } },
-    );
-
-    expect(result.current).toBe('value-a');
-
-    rerender({ suffix: 'b' });
-
-    expect(result.current).toBe('value-b');
-  });
-
-  it('does not re-run the initializer when deps are stable', () => {
-    const initializer = vi.fn(() => 42);
-    const { rerender } = renderHook(() =>
-      useClientValue(initializer, { deps: ['fixed'], initialValue: 0 }),
-    );
-
-    rerender();
-    rerender();
-
-    expect(initializer).toHaveBeenCalledTimes(1);
-  });
-});

package/src/hooks/useClientValue.ts

@@ -1,28 +0,0 @@
-'use client';
-
-import { useEffect, useMemo, useState } from 'react';
-
-type Options<T> = {
-  deps?: unknown[];
-  initialValue: T;
-};
-
-/**
- * Renders `initialValue` on the server/hydration pass, then resolves the
- * value with `initializer` on the client (re-running when `deps` change).
- * Avoids hydration mismatches for values that only exist client-side.
- */
-export function useClientValue<T>(
-  initializer: () => T,
-  { deps = [], initialValue }: Options<T>,
-): T {
-  const [value, setValue] = useState<T>(initialValue);
-
-  const memoizedInitializer = useMemo(() => initializer, deps);
-
-  useEffect(() => {
-    setValue(memoizedInitializer());
-  }, [memoizedInitializer]);
-
-  return value;
-}

package/src/hooks/useDebouncedCallback.spec.ts

@@ -1,65 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-
-import { useDebouncedCallback } from './useDebouncedCallback.js';
-
-describe('useDebouncedCallback', () => {
-  beforeEach(() => {
-    vi.useFakeTimers();
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-  });
-
-  it('invokes the callback once after the delay with the last arguments', () => {
-    const callback = vi.fn();
-    const { result } = renderHook(() => useDebouncedCallback(callback, 100));
-
-    result.current.run('a');
-    result.current.run('b');
-    vi.advanceTimersByTime(99);
-    expect(callback).not.toHaveBeenCalled();
-
-    vi.advanceTimersByTime(1);
-    expect(callback).toHaveBeenCalledTimes(1);
-    expect(callback).toHaveBeenCalledWith('b');
-  });
-
-  it('always invokes the latest callback', () => {
-    const first = vi.fn();
-    const second = vi.fn();
-    const { result, rerender } = renderHook(({ cb }) => useDebouncedCallback(cb, 100), {
-      initialProps: { cb: first },
-    });
-
-    result.current.run('a');
-    rerender({ cb: second });
-    vi.advanceTimersByTime(100);
-
-    expect(first).not.toHaveBeenCalled();
-    expect(second).toHaveBeenCalledWith('a');
-  });
-
-  it('cancel prevents a pending invocation', () => {
-    const callback = vi.fn();
-    const { result } = renderHook(() => useDebouncedCallback(callback, 100));
-
-    result.current.run('a');
-    result.current.cancel();
-    vi.advanceTimersByTime(200);
-
-    expect(callback).not.toHaveBeenCalled();
-  });
-
-  it('cleans up the timer on unmount', () => {
-    const callback = vi.fn();
-    const { result, unmount } = renderHook(() => useDebouncedCallback(callback, 100));
-
-    result.current.run('a');
-    unmount();
-    vi.advanceTimersByTime(200);
-
-    expect(callback).not.toHaveBeenCalled();
-  });
-});

package/src/hooks/useDebouncedCallback.ts

@@ -1,36 +0,0 @@
-'use client';
-
-import { useCallback, useEffect, useRef } from 'react';
-
-export type DebouncedCallback<Args extends unknown[]> = {
-  run: (...args: Args) => void;
-  cancel: () => void;
-};
-
-/**
- * Returns a debounced wrapper around the latest `callback` plus a `cancel`
- * for flushing pending invocations (e.g. when clearing an input). The timer
- * is cleaned up on unmount and `run`/`cancel` have stable identities.
- */
-export const useDebouncedCallback = <Args extends unknown[]>(
-  callback: (...args: Args) => void,
-  delayMs: number,
-): DebouncedCallback<Args> => {
-  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
-  const callbackRef = useRef(callback);
-  callbackRef.current = callback;
-
-  useEffect(() => () => clearTimeout(timeoutRef.current), []);
-
-  const cancel = useCallback(() => clearTimeout(timeoutRef.current), []);
-
-  const run = useCallback(
-    (...args: Args) => {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(() => callbackRef.current(...args), delayMs);
-    },
-    [delayMs],
-  );
-
-  return { run, cancel };
-};

package/src/hooks/useMounted.spec.ts

@@ -1,20 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
-
-import { useMounted } from './useMounted.js';
-
-describe('useMounted', () => {
-  it('returns true once mounted', () => {
-    const { result } = renderHook(() => useMounted());
-
-    expect(result.current).toBe(true);
-  });
-
-  it('stays true across rerenders', () => {
-    const { result, rerender } = renderHook(() => useMounted());
-
-    rerender();
-
-    expect(result.current).toBe(true);
-  });
-});

package/src/hooks/useMounted.ts

@@ -1,17 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-
-/**
- * Returns false during SSR/hydration and true after the component mounts.
- * Useful for gating client-only rendering.
- */
-export const useMounted = (): boolean => {
-  const [isMounted, setIsMounted] = useState(false);
-
-  useEffect(() => {
-    setIsMounted(true);
-  }, []);
-
-  return isMounted;
-};

package/src/hooks/usePreventScrolling.spec.ts

@@ -1,76 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-
-import { SCROLLBAR_WIDTH_VAR, usePreventScrolling } from './usePreventScrolling.js';
-
-describe('usePreventScrolling', () => {
-  const html = document.documentElement;
-
-  beforeEach(() => {
-    html.style.overflow = '';
-    html.style.paddingRight = '';
-    html.style.removeProperty(SCROLLBAR_WIDTH_VAR);
-    vi.restoreAllMocks();
-  });
-
-  it('sets html overflow to hidden when active', () => {
-    renderHook(() => usePreventScrolling());
-
-    expect(html.style.overflow).toBe('hidden');
-  });
-
-  it('restores previous overflow on unmount', () => {
-    html.style.overflow = 'auto';
-
-    const { unmount } = renderHook(() => usePreventScrolling());
-
-    expect(html.style.overflow).toBe('hidden');
-
-    unmount();
-
-    expect(html.style.overflow).toBe('auto');
-  });
-
-  it('does not modify overflow when active is false', () => {
-    html.style.overflow = 'scroll';
-
-    renderHook(() => usePreventScrolling(false));
-
-    expect(html.style.overflow).toBe('scroll');
-  });
-
-  it('compensates for scrollbar width with paddingRight', () => {
-    vi.spyOn(html, 'clientWidth', 'get').mockReturnValue(984);
-    vi.spyOn(window, 'innerWidth', 'get').mockReturnValue(1000);
-
-    renderHook(() => usePreventScrolling());
-
-    expect(html.style.paddingRight).toBe('16px');
-    expect(html.style.getPropertyValue(SCROLLBAR_WIDTH_VAR)).toBe('16px');
-  });
-
-  it('restores previous paddingRight and removes the CSS variable on unmount', () => {
-    vi.spyOn(html, 'clientWidth', 'get').mockReturnValue(984);
-    vi.spyOn(window, 'innerWidth', 'get').mockReturnValue(1000);
-    html.style.paddingRight = '8px';
-
-    const { unmount } = renderHook(() => usePreventScrolling());
-
-    expect(html.style.paddingRight).toBe('16px');
-
-    unmount();
-
-    expect(html.style.paddingRight).toBe('8px');
-    expect(html.style.getPropertyValue(SCROLLBAR_WIDTH_VAR)).toBe('');
-  });
-
-  it('does not set paddingRight or the CSS variable when there is no scrollbar', () => {
-    vi.spyOn(html, 'clientWidth', 'get').mockReturnValue(1000);
-    vi.spyOn(window, 'innerWidth', 'get').mockReturnValue(1000);
-
-    renderHook(() => usePreventScrolling());
-
-    expect(html.style.paddingRight).toBe('');
-    expect(html.style.getPropertyValue(SCROLLBAR_WIDTH_VAR)).toBe('');
-  });
-});

package/src/hooks/usePreventScrolling.ts

@@ -1,30 +0,0 @@
-'use client';
-
-import { useEffect } from 'react';
-
-export const SCROLLBAR_WIDTH_VAR = '--scrollbar-width';
-
-/**
- * Locks background scroll, padding the document to compensate for the removed
- * scrollbar so the layout doesn't shift. The scrollbar width is also exposed
- * as a CSS variable for fixed-position elements that need the same offset.
- */
-export const usePreventScrolling = (active = true): void => {
-  useEffect(() => {
-    if (!active) return;
-    const html = document.documentElement;
-    const scrollbarWidth = window.innerWidth - html.clientWidth;
-    const previousOverflow = html.style.overflow;
-    const previousPaddingRight = html.style.paddingRight;
-    html.style.overflow = 'hidden';
-    if (scrollbarWidth > 0) {
-      html.style.paddingRight = `${scrollbarWidth}px`;
-      html.style.setProperty(SCROLLBAR_WIDTH_VAR, `${scrollbarWidth}px`);
-    }
-    return () => {
-      html.style.overflow = previousOverflow;
-      html.style.paddingRight = previousPaddingRight;
-      html.style.removeProperty(SCROLLBAR_WIDTH_VAR);
-    };
-  }, [active]);
-};

package/src/hooks/useScrollEdge.spec.ts

@@ -1,110 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-
-import { Edge, useScrollEdge } from './useScrollEdge.js';
-
-const makeScrollable = ({
-  scrollTop = 0,
-  scrollHeight = 1000,
-  clientHeight = 500,
-}: Partial<Pick<HTMLElement, 'scrollTop' | 'scrollHeight' | 'clientHeight'>> = {}) => {
-  const element = document.createElement('div');
-  Object.defineProperties(element, {
-    scrollTop: { value: scrollTop, configurable: true },
-    scrollHeight: { value: scrollHeight, configurable: true },
-    clientHeight: { value: clientHeight, configurable: true },
-    scrollLeft: { value: 0, configurable: true },
-    scrollWidth: { value: 0, configurable: true },
-    clientWidth: { value: 0, configurable: true },
-  });
-  return element;
-};
-
-describe('useScrollEdge', () => {
-  beforeEach(() => {
-    vi.useFakeTimers();
-  });
-
-  afterEach(() => {
-    vi.useRealTimers();
-  });
-
-  it('fires onEdgeReached when scrolled within the offset of the bottom', () => {
-    const element = makeScrollable({ scrollTop: 450 });
-    const onEdgeReached = vi.fn();
-
-    renderHook(() =>
-      useScrollEdge({ onEdgeReached, scrollElement: { current: element }, debounceDelay: 50 }),
-    );
-
-    element.dispatchEvent(new Event('scroll'));
-    vi.advanceTimersByTime(50);
-
-    expect(onEdgeReached).toHaveBeenCalledTimes(1);
-  });
-
-  it('does not fire when far from the edge', () => {
-    const element = makeScrollable({ scrollTop: 0 });
-    const onEdgeReached = vi.fn();
-
-    renderHook(() =>
-      useScrollEdge({ onEdgeReached, scrollElement: { current: element }, debounceDelay: 50 }),
-    );
-
-    element.dispatchEvent(new Event('scroll'));
-    vi.advanceTimersByTime(50);
-
-    expect(onEdgeReached).not.toHaveBeenCalled();
-  });
-
-  it('supports the top edge', () => {
-    const element = makeScrollable({ scrollTop: 10 });
-    const onEdgeReached = vi.fn();
-
-    renderHook(() =>
-      useScrollEdge({
-        edge: Edge.TOP,
-        onEdgeReached,
-        scrollElement: { current: element },
-        debounceDelay: 50,
-      }),
-    );
-
-    element.dispatchEvent(new Event('scroll'));
-    vi.advanceTimersByTime(50);
-
-    expect(onEdgeReached).toHaveBeenCalledTimes(1);
-  });
-
-  it('debounces bursts of scroll events into one invocation', () => {
-    const element = makeScrollable({ scrollTop: 450 });
-    const onEdgeReached = vi.fn();
-
-    renderHook(() =>
-      useScrollEdge({ onEdgeReached, scrollElement: { current: element }, debounceDelay: 50 }),
-    );
-
-    for (let i = 0; i < 5; i++) {
-      element.dispatchEvent(new Event('scroll'));
-      vi.advanceTimersByTime(10);
-    }
-    vi.advanceTimersByTime(50);
-
-    expect(onEdgeReached).toHaveBeenCalledTimes(1);
-  });
-
-  it('stops listening after unmount', () => {
-    const element = makeScrollable({ scrollTop: 450 });
-    const onEdgeReached = vi.fn();
-
-    const { unmount } = renderHook(() =>
-      useScrollEdge({ onEdgeReached, scrollElement: { current: element }, debounceDelay: 50 }),
-    );
-
-    unmount();
-    element.dispatchEvent(new Event('scroll'));
-    vi.advanceTimersByTime(100);
-
-    expect(onEdgeReached).not.toHaveBeenCalled();
-  });
-});

package/src/hooks/useScrollEdge.ts

@@ -1,61 +0,0 @@
-'use client';
-
-import type { RefObject } from 'react';
-
-import { useEffect } from 'react';
-
-import { useDebouncedCallback } from './useDebouncedCallback.js';
-
-export enum Edge {
-  BOTTOM = 'bottom',
-  LEFT = 'left',
-  RIGHT = 'right',
-  TOP = 'top',
-}
-
-export type UseScrollEdgeOptions = {
-  debounceDelay?: number;
-  edge?: Edge;
-  offset?: number;
-  onEdgeReached: () => Promise<void> | void;
-  scrollElement?: RefObject<HTMLElement | null>;
-};
-
-/**
- * Invokes `onEdgeReached` (debounced) whenever scrolling comes within
- * `offset` pixels of the given edge of `scrollElement` (or the document).
- */
-export const useScrollEdge = ({
-  debounceDelay = 200,
-  edge = Edge.BOTTOM,
-  offset = 100,
-  onEdgeReached,
-  scrollElement,
-}: UseScrollEdgeOptions): void => {
-  const { run: handleScroll, cancel } = useDebouncedCallback(() => {
-    const container = scrollElement?.current || document.documentElement;
-    const { clientHeight, clientWidth, scrollHeight, scrollLeft, scrollTop, scrollWidth } =
-      container;
-
-    const edgeConditions: Record<Edge, () => boolean> = {
-      [Edge.BOTTOM]: () => scrollHeight - scrollTop - clientHeight <= offset,
-      [Edge.LEFT]: () => scrollLeft <= offset,
-      [Edge.RIGHT]: () => scrollWidth - scrollLeft - clientWidth <= offset,
-      [Edge.TOP]: () => scrollTop <= offset,
-    };
-
-    if (edgeConditions[edge]()) {
-      void onEdgeReached();
-    }
-  }, debounceDelay);
-
-  useEffect(() => {
-    const container = scrollElement?.current || window;
-    container.addEventListener('scroll', handleScroll);
-
-    return () => {
-      container.removeEventListener('scroll', handleScroll);
-      cancel();
-    };
-  }, [handleScroll, cancel, scrollElement]);
-};

package/tsconfig.build.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "noEmit": false,
-    "outDir": "./dist",
-    "rootDir": "./src"
-  },
-  "exclude": ["node_modules", "dist", "src/**/*.spec.ts"]
-}

package/tsconfig.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "@slango.configs/typescript/default.json",
-  "compilerOptions": {
-    "noEmit": true,
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "types": []
-  },
-  "include": ["**/*.ts"],
-  "exclude": ["node_modules", "dist"]
-}

package/vitest.config.js

@@ -1 +0,0 @@
-export { default } from '@slango.configs/vitest/react';