tempest-react-sdk 0.21.0 → 0.23.0

package/dist/hooks/use-long-press-handlers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-long-press-handlers.cjs","sources":["../../src/hooks/use-long-press-handlers.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport type { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from \"react\";\n\n/**\n * DOM event handlers produced by {@link useLongPressHandlers}, ready to spread\n * onto a JSX element (`<div {...handlers}>`).\n */\nexport interface LongPressHandlers {\n    /** Starts the hold timer on mouse press. */\n    onMouseDown: (event: ReactMouseEvent) => void;\n    /** Cancels the pending hold when the mouse is released. */\n    onMouseUp: () => void;\n    /** Cancels the pending hold when the pointer leaves the element. */\n    onMouseLeave: () => void;\n    /** Starts the hold timer on touch start. */\n    onTouchStart: (event: ReactTouchEvent) => void;\n    /** Cancels the pending hold when the touch ends. */\n    onTouchEnd: () => void;\n    /** Cancels the pending hold when the finger moves. */\n    onTouchMove: () => void;\n    /** Fires the long-press immediately (desktop right-click parity). */\n    onContextMenu: (event: ReactMouseEvent) => void;\n}\n\n/** Options accepted by {@link useLongPressHandlers}. */\nexport interface UseLongPressHandlersOptions {\n    /** Hold duration in ms before `onLongPress` fires. Defaults to `500`. */\n    delayMs?: number;\n    /** When `true`, the hook is inert and every handler is a no-op. */\n    disabled?: boolean;\n}\n\n/** Return shape of {@link useLongPressHandlers}. */\nexport type UseLongPressHandlersResult = LongPressHandlers & {\n    /**\n     * Reads whether the most recent interaction fired a long-press. Use it in\n     * the element's `onClick` to suppress the click that follows a long-press.\n     */\n    wasLongPress: () => boolean;\n};\n\n/**\n * Returns DOM event handlers that detect a long press (touch or mouse hold)\n * and invoke `onLongPress` once after `delayMs`.\n *\n * Cancels on touch movement or pointer release. Also wires `contextmenu` to\n * fire `onLongPress` immediately so a right-click on desktop opens selection\n * mode the same way an Android long-press does on mobile.\n *\n * The hook does not `preventDefault` on the underlying click — the consumer\n * decides whether the subsequent click should still fire. Track that with the\n * returned `wasLongPress()` guard to tell \"long-press fired\" apart from a\n * \"regular click\".\n *\n * Unlike {@link useLongPress}, which attaches pointer listeners to a `ref`,\n * this variant returns handler props you spread directly onto an element and\n * exposes a `wasLongPress()` guard.\n *\n * @param onLongPress - Callback invoked once the hold threshold is reached.\n * @param options - Optional `delayMs` and `disabled` flags.\n * @returns The spreadable handlers plus a `wasLongPress()` guard.\n *\n * @example\n * const longPress = useLongPressHandlers(() => enterSelectionMode(), { delayMs: 600 });\n * <button {...longPress} onClick={() => { if (!longPress.wasLongPress()) navigate(); }}>\n *   Item\n * </button>\n */\nexport function useLongPressHandlers(\n    onLongPress: () => void,\n    options: UseLongPressHandlersOptions = {},\n): UseLongPressHandlersResult {\n    const { delayMs = 500, disabled = false } = options;\n    const timerRef = useRef<number | null>(null);\n    const firedRef = useRef<boolean>(false);\n    const callbackRef = useRef<() => void>(onLongPress);\n    callbackRef.current = onLongPress;\n\n    const clear = useCallback((): void => {\n        if (timerRef.current !== null) {\n            window.clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const start = useCallback((): void => {\n        if (disabled) return;\n        firedRef.current = false;\n        clear();\n        timerRef.current = window.setTimeout(() => {\n            firedRef.current = true;\n            callbackRef.current();\n        }, delayMs);\n    }, [disabled, clear, delayMs]);\n\n    const onContextMenu = useCallback(\n        (event: ReactMouseEvent): void => {\n            if (disabled) return;\n            event.preventDefault();\n            firedRef.current = true;\n            callbackRef.current();\n        },\n        [disabled],\n    );\n\n    return {\n        onMouseDown: start,\n        onMouseUp: clear,\n        onMouseLeave: clear,\n        onTouchStart: start,\n        onTouchEnd: clear,\n        onTouchMove: clear,\n        onContextMenu,\n        wasLongPress: () => firedRef.current,\n    };\n}\n"],"names":["useLongPressHandlers","onLongPress","options","delayMs","disabled","timerRef","useRef","firedRef","callbackRef","clear","useCallback","start","onContextMenu","event"],"mappings":"yGAoEO,SAASA,EACZC,EACAC,EAAuC,GACb,CAC1B,KAAM,CAAE,QAAAC,EAAU,IAAK,SAAAC,EAAW,IAAUF,EACtCG,EAAWC,EAAAA,OAAsB,IAAI,EACrCC,EAAWD,EAAAA,OAAgB,EAAK,EAChCE,EAAcF,EAAAA,OAAmBL,CAAW,EAClDO,EAAY,QAAUP,EAEtB,MAAMQ,EAAQC,EAAAA,YAAY,IAAY,CAC9BL,EAAS,UAAY,OACrB,OAAO,aAAaA,EAAS,OAAO,EACpCA,EAAS,QAAU,KAE3B,EAAG,CAAA,CAAE,EAECM,EAAQD,EAAAA,YAAY,IAAY,CAC9BN,IACJG,EAAS,QAAU,GACnBE,EAAA,EACAJ,EAAS,QAAU,OAAO,WAAW,IAAM,CACvCE,EAAS,QAAU,GACnBC,EAAY,QAAA,CAChB,EAAGL,CAAO,EACd,EAAG,CAACC,EAAUK,EAAON,CAAO,CAAC,EAEvBS,EAAgBF,EAAAA,YACjBG,GAAiC,CAC1BT,IACJS,EAAM,eAAA,EACNN,EAAS,QAAU,GACnBC,EAAY,QAAA,EAChB,EACA,CAACJ,CAAQ,CAAA,EAGb,MAAO,CACH,YAAaO,EACb,UAAWF,EACX,aAAcA,EACd,aAAcE,EACd,WAAYF,EACZ,YAAaA,EACb,cAAAG,EACA,aAAc,IAAML,EAAS,OAAA,CAErC"}

package/dist/hooks/use-long-press-handlers.js

@@ -0,0 +1,31 @@
+import { useRef as o, useCallback as c } from "react";
+function M(s, f = {}) {
+  const { delayMs: l = 500, disabled: r = !1 } = f, n = o(null), t = o(!1), u = o(s);
+  u.current = s;
+  const e = c(() => {
+    n.current !== null && (window.clearTimeout(n.current), n.current = null);
+  }, []), a = c(() => {
+    r || (t.current = !1, e(), n.current = window.setTimeout(() => {
+      t.current = !0, u.current();
+    }, l));
+  }, [r, e, l]), i = c(
+    (d) => {
+      r || (d.preventDefault(), t.current = !0, u.current());
+    },
+    [r]
+  );
+  return {
+    onMouseDown: a,
+    onMouseUp: e,
+    onMouseLeave: e,
+    onTouchStart: a,
+    onTouchEnd: e,
+    onTouchMove: e,
+    onContextMenu: i,
+    wasLongPress: () => t.current
+  };
+}
+export {
+  M as useLongPressHandlers
+};
+//# sourceMappingURL=use-long-press-handlers.js.map

package/dist/hooks/use-long-press-handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-long-press-handlers.js","sources":["../../src/hooks/use-long-press-handlers.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport type { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from \"react\";\n\n/**\n * DOM event handlers produced by {@link useLongPressHandlers}, ready to spread\n * onto a JSX element (`<div {...handlers}>`).\n */\nexport interface LongPressHandlers {\n    /** Starts the hold timer on mouse press. */\n    onMouseDown: (event: ReactMouseEvent) => void;\n    /** Cancels the pending hold when the mouse is released. */\n    onMouseUp: () => void;\n    /** Cancels the pending hold when the pointer leaves the element. */\n    onMouseLeave: () => void;\n    /** Starts the hold timer on touch start. */\n    onTouchStart: (event: ReactTouchEvent) => void;\n    /** Cancels the pending hold when the touch ends. */\n    onTouchEnd: () => void;\n    /** Cancels the pending hold when the finger moves. */\n    onTouchMove: () => void;\n    /** Fires the long-press immediately (desktop right-click parity). */\n    onContextMenu: (event: ReactMouseEvent) => void;\n}\n\n/** Options accepted by {@link useLongPressHandlers}. */\nexport interface UseLongPressHandlersOptions {\n    /** Hold duration in ms before `onLongPress` fires. Defaults to `500`. */\n    delayMs?: number;\n    /** When `true`, the hook is inert and every handler is a no-op. */\n    disabled?: boolean;\n}\n\n/** Return shape of {@link useLongPressHandlers}. */\nexport type UseLongPressHandlersResult = LongPressHandlers & {\n    /**\n     * Reads whether the most recent interaction fired a long-press. Use it in\n     * the element's `onClick` to suppress the click that follows a long-press.\n     */\n    wasLongPress: () => boolean;\n};\n\n/**\n * Returns DOM event handlers that detect a long press (touch or mouse hold)\n * and invoke `onLongPress` once after `delayMs`.\n *\n * Cancels on touch movement or pointer release. Also wires `contextmenu` to\n * fire `onLongPress` immediately so a right-click on desktop opens selection\n * mode the same way an Android long-press does on mobile.\n *\n * The hook does not `preventDefault` on the underlying click — the consumer\n * decides whether the subsequent click should still fire. Track that with the\n * returned `wasLongPress()` guard to tell \"long-press fired\" apart from a\n * \"regular click\".\n *\n * Unlike {@link useLongPress}, which attaches pointer listeners to a `ref`,\n * this variant returns handler props you spread directly onto an element and\n * exposes a `wasLongPress()` guard.\n *\n * @param onLongPress - Callback invoked once the hold threshold is reached.\n * @param options - Optional `delayMs` and `disabled` flags.\n * @returns The spreadable handlers plus a `wasLongPress()` guard.\n *\n * @example\n * const longPress = useLongPressHandlers(() => enterSelectionMode(), { delayMs: 600 });\n * <button {...longPress} onClick={() => { if (!longPress.wasLongPress()) navigate(); }}>\n *   Item\n * </button>\n */\nexport function useLongPressHandlers(\n    onLongPress: () => void,\n    options: UseLongPressHandlersOptions = {},\n): UseLongPressHandlersResult {\n    const { delayMs = 500, disabled = false } = options;\n    const timerRef = useRef<number | null>(null);\n    const firedRef = useRef<boolean>(false);\n    const callbackRef = useRef<() => void>(onLongPress);\n    callbackRef.current = onLongPress;\n\n    const clear = useCallback((): void => {\n        if (timerRef.current !== null) {\n            window.clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const start = useCallback((): void => {\n        if (disabled) return;\n        firedRef.current = false;\n        clear();\n        timerRef.current = window.setTimeout(() => {\n            firedRef.current = true;\n            callbackRef.current();\n        }, delayMs);\n    }, [disabled, clear, delayMs]);\n\n    const onContextMenu = useCallback(\n        (event: ReactMouseEvent): void => {\n            if (disabled) return;\n            event.preventDefault();\n            firedRef.current = true;\n            callbackRef.current();\n        },\n        [disabled],\n    );\n\n    return {\n        onMouseDown: start,\n        onMouseUp: clear,\n        onMouseLeave: clear,\n        onTouchStart: start,\n        onTouchEnd: clear,\n        onTouchMove: clear,\n        onContextMenu,\n        wasLongPress: () => firedRef.current,\n    };\n}\n"],"names":["useLongPressHandlers","onLongPress","options","delayMs","disabled","timerRef","useRef","firedRef","callbackRef","clear","useCallback","start","onContextMenu","event"],"mappings":";AAoEO,SAASA,EACZC,GACAC,IAAuC,IACb;AAC1B,QAAM,EAAE,SAAAC,IAAU,KAAK,UAAAC,IAAW,OAAUF,GACtCG,IAAWC,EAAsB,IAAI,GACrCC,IAAWD,EAAgB,EAAK,GAChCE,IAAcF,EAAmBL,CAAW;AAClD,EAAAO,EAAY,UAAUP;AAEtB,QAAMQ,IAAQC,EAAY,MAAY;AAClC,IAAIL,EAAS,YAAY,SACrB,OAAO,aAAaA,EAAS,OAAO,GACpCA,EAAS,UAAU;AAAA,EAE3B,GAAG,CAAA,CAAE,GAECM,IAAQD,EAAY,MAAY;AAClC,IAAIN,MACJG,EAAS,UAAU,IACnBE,EAAA,GACAJ,EAAS,UAAU,OAAO,WAAW,MAAM;AACvC,MAAAE,EAAS,UAAU,IACnBC,EAAY,QAAA;AAAA,IAChB,GAAGL,CAAO;AAAA,EACd,GAAG,CAACC,GAAUK,GAAON,CAAO,CAAC,GAEvBS,IAAgBF;AAAA,IAClB,CAACG,MAAiC;AAC9B,MAAIT,MACJS,EAAM,eAAA,GACNN,EAAS,UAAU,IACnBC,EAAY,QAAA;AAAA,IAChB;AAAA,IACA,CAACJ,CAAQ;AAAA,EAAA;AAGb,SAAO;AAAA,IACH,aAAaO;AAAA,IACb,WAAWF;AAAA,IACX,cAAcA;AAAA,IACd,cAAcE;AAAA,IACd,YAAYF;AAAA,IACZ,aAAaA;AAAA,IACb,eAAAG;AAAA,IACA,cAAc,MAAML,EAAS;AAAA,EAAA;AAErC;"}

package/dist/hooks/use-long-press.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react");function f(o,i,m={}){const{delay:s=500,moveThreshold:c=10}=m,l=p.useRef(i);l.current=i,p.useEffect(()=>{const e=o.current;if(!e)return;let n=null,u=0,v=0;const t=()=>{n&&(clearTimeout(n),n=null)},d=r=>{u=r.clientX,v=r.clientY,t(),n=setTimeout(()=>{n=null,l.current()},s)},a=r=>{if(n===null)return;const L=r.clientX-u,E=r.clientY-v;Math.hypot(L,E)>c&&t()};return e.addEventListener("pointerdown",d),e.addEventListener("pointermove",a),e.addEventListener("pointerup",t),e.addEventListener("pointercancel",t),e.addEventListener("pointerleave",t),()=>{t(),e.removeEventListener("pointerdown",d),e.removeEventListener("pointermove",a),e.removeEventListener("pointerup",t),e.removeEventListener("pointercancel",t),e.removeEventListener("pointerleave",t)}},[o,s,c])}exports.useLongPress=f;
+//# sourceMappingURL=use-long-press.cjs.map

package/dist/hooks/use-long-press.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-long-press.cjs","sources":["../../src/hooks/use-long-press.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport type { RefObject } from \"react\";\n\nexport interface UseLongPressOptions {\n    /** Press duration in ms. Default `500`. */\n    delay?: number;\n    /** Pixel threshold — finger/mouse movement beyond this cancels the press. Default `10`. */\n    moveThreshold?: number;\n}\n\n/**\n * Detect long-press / long-tap gestures. Fires `fn` after `delay` ms\n * while the element is held. Cancels on move beyond `moveThreshold` or\n * pointer up before `delay`.\n *\n * @example\n * const ref = useRef<HTMLDivElement>(null);\n * useLongPress(ref, () => openContextMenu(), { delay: 600 });\n */\nexport function useLongPress<T extends HTMLElement>(\n    ref: RefObject<T | null>,\n    fn: () => void,\n    options: UseLongPressOptions = {},\n): void {\n    const { delay = 500, moveThreshold = 10 } = options;\n    const fnRef = useRef(fn);\n    fnRef.current = fn;\n\n    useEffect(() => {\n        const node = ref.current;\n        if (!node) return;\n        let timer: ReturnType<typeof setTimeout> | null = null;\n        let startX = 0;\n        let startY = 0;\n\n        const cancel = (): void => {\n            if (timer) {\n                clearTimeout(timer);\n                timer = null;\n            }\n        };\n\n        const onDown = (event: PointerEvent): void => {\n            startX = event.clientX;\n            startY = event.clientY;\n            cancel();\n            timer = setTimeout(() => {\n                timer = null;\n                fnRef.current();\n            }, delay);\n        };\n\n        const onMove = (event: PointerEvent): void => {\n            if (timer === null) return;\n            const dx = event.clientX - startX;\n            const dy = event.clientY - startY;\n            if (Math.hypot(dx, dy) > moveThreshold) cancel();\n        };\n\n        node.addEventListener(\"pointerdown\", onDown);\n        node.addEventListener(\"pointermove\", onMove);\n        node.addEventListener(\"pointerup\", cancel);\n        node.addEventListener(\"pointercancel\", cancel);\n        node.addEventListener(\"pointerleave\", cancel);\n        return () => {\n            cancel();\n            node.removeEventListener(\"pointerdown\", onDown);\n            node.removeEventListener(\"pointermove\", onMove);\n            node.removeEventListener(\"pointerup\", cancel);\n            node.removeEventListener(\"pointercancel\", cancel);\n            node.removeEventListener(\"pointerleave\", cancel);\n        };\n    }, [ref, delay, moveThreshold]);\n}\n"],"names":["useLongPress","ref","fn","options","delay","moveThreshold","fnRef","useRef","useEffect","node","timer","startX","startY","cancel","onDown","event","onMove","dx","dy"],"mappings":"yGAmBO,SAASA,EACZC,EACAC,EACAC,EAA+B,CAAA,EAC3B,CACJ,KAAM,CAAE,MAAAC,EAAQ,IAAK,cAAAC,EAAgB,IAAOF,EACtCG,EAAQC,EAAAA,OAAOL,CAAE,EACvBI,EAAM,QAAUJ,EAEhBM,EAAAA,UAAU,IAAM,CACZ,MAAMC,EAAOR,EAAI,QACjB,GAAI,CAACQ,EAAM,OACX,IAAIC,EAA8C,KAC9CC,EAAS,EACTC,EAAS,EAEb,MAAMC,EAAS,IAAY,CACnBH,IACA,aAAaA,CAAK,EAClBA,EAAQ,KAEhB,EAEMI,EAAUC,GAA8B,CAC1CJ,EAASI,EAAM,QACfH,EAASG,EAAM,QACfF,EAAA,EACAH,EAAQ,WAAW,IAAM,CACrBA,EAAQ,KACRJ,EAAM,QAAA,CACV,EAAGF,CAAK,CACZ,EAEMY,EAAUD,GAA8B,CAC1C,GAAIL,IAAU,KAAM,OACpB,MAAMO,EAAKF,EAAM,QAAUJ,EACrBO,EAAKH,EAAM,QAAUH,EACvB,KAAK,MAAMK,EAAIC,CAAE,EAAIb,GAAeQ,EAAA,CAC5C,EAEA,OAAAJ,EAAK,iBAAiB,cAAeK,CAAM,EAC3CL,EAAK,iBAAiB,cAAeO,CAAM,EAC3CP,EAAK,iBAAiB,YAAaI,CAAM,EACzCJ,EAAK,iBAAiB,gBAAiBI,CAAM,EAC7CJ,EAAK,iBAAiB,eAAgBI,CAAM,EACrC,IAAM,CACTA,EAAA,EACAJ,EAAK,oBAAoB,cAAeK,CAAM,EAC9CL,EAAK,oBAAoB,cAAeO,CAAM,EAC9CP,EAAK,oBAAoB,YAAaI,CAAM,EAC5CJ,EAAK,oBAAoB,gBAAiBI,CAAM,EAChDJ,EAAK,oBAAoB,eAAgBI,CAAM,CACnD,CACJ,EAAG,CAACZ,EAAKG,EAAOC,CAAa,CAAC,CAClC"}

package/dist/hooks/use-long-press.js

@@ -0,0 +1,27 @@
+import { useRef as L, useEffect as f } from "react";
+function w(o, i, p = {}) {
+  const { delay: s = 500, moveThreshold: c = 10 } = p, l = L(i);
+  l.current = i, f(() => {
+    const e = o.current;
+    if (!e) return;
+    let n = null, v = 0, u = 0;
+    const t = () => {
+      n && (clearTimeout(n), n = null);
+    }, d = (r) => {
+      v = r.clientX, u = r.clientY, t(), n = setTimeout(() => {
+        n = null, l.current();
+      }, s);
+    }, a = (r) => {
+      if (n === null) return;
+      const m = r.clientX - v, E = r.clientY - u;
+      Math.hypot(m, E) > c && t();
+    };
+    return e.addEventListener("pointerdown", d), e.addEventListener("pointermove", a), e.addEventListener("pointerup", t), e.addEventListener("pointercancel", t), e.addEventListener("pointerleave", t), () => {
+      t(), e.removeEventListener("pointerdown", d), e.removeEventListener("pointermove", a), e.removeEventListener("pointerup", t), e.removeEventListener("pointercancel", t), e.removeEventListener("pointerleave", t);
+    };
+  }, [o, s, c]);
+}
+export {
+  w as useLongPress
+};
+//# sourceMappingURL=use-long-press.js.map

package/dist/hooks/use-long-press.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-long-press.js","sources":["../../src/hooks/use-long-press.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport type { RefObject } from \"react\";\n\nexport interface UseLongPressOptions {\n    /** Press duration in ms. Default `500`. */\n    delay?: number;\n    /** Pixel threshold — finger/mouse movement beyond this cancels the press. Default `10`. */\n    moveThreshold?: number;\n}\n\n/**\n * Detect long-press / long-tap gestures. Fires `fn` after `delay` ms\n * while the element is held. Cancels on move beyond `moveThreshold` or\n * pointer up before `delay`.\n *\n * @example\n * const ref = useRef<HTMLDivElement>(null);\n * useLongPress(ref, () => openContextMenu(), { delay: 600 });\n */\nexport function useLongPress<T extends HTMLElement>(\n    ref: RefObject<T | null>,\n    fn: () => void,\n    options: UseLongPressOptions = {},\n): void {\n    const { delay = 500, moveThreshold = 10 } = options;\n    const fnRef = useRef(fn);\n    fnRef.current = fn;\n\n    useEffect(() => {\n        const node = ref.current;\n        if (!node) return;\n        let timer: ReturnType<typeof setTimeout> | null = null;\n        let startX = 0;\n        let startY = 0;\n\n        const cancel = (): void => {\n            if (timer) {\n                clearTimeout(timer);\n                timer = null;\n            }\n        };\n\n        const onDown = (event: PointerEvent): void => {\n            startX = event.clientX;\n            startY = event.clientY;\n            cancel();\n            timer = setTimeout(() => {\n                timer = null;\n                fnRef.current();\n            }, delay);\n        };\n\n        const onMove = (event: PointerEvent): void => {\n            if (timer === null) return;\n            const dx = event.clientX - startX;\n            const dy = event.clientY - startY;\n            if (Math.hypot(dx, dy) > moveThreshold) cancel();\n        };\n\n        node.addEventListener(\"pointerdown\", onDown);\n        node.addEventListener(\"pointermove\", onMove);\n        node.addEventListener(\"pointerup\", cancel);\n        node.addEventListener(\"pointercancel\", cancel);\n        node.addEventListener(\"pointerleave\", cancel);\n        return () => {\n            cancel();\n            node.removeEventListener(\"pointerdown\", onDown);\n            node.removeEventListener(\"pointermove\", onMove);\n            node.removeEventListener(\"pointerup\", cancel);\n            node.removeEventListener(\"pointercancel\", cancel);\n            node.removeEventListener(\"pointerleave\", cancel);\n        };\n    }, [ref, delay, moveThreshold]);\n}\n"],"names":["useLongPress","ref","fn","options","delay","moveThreshold","fnRef","useRef","useEffect","node","timer","startX","startY","cancel","onDown","event","onMove","dx","dy"],"mappings":";AAmBO,SAASA,EACZC,GACAC,GACAC,IAA+B,CAAA,GAC3B;AACJ,QAAM,EAAE,OAAAC,IAAQ,KAAK,eAAAC,IAAgB,OAAOF,GACtCG,IAAQC,EAAOL,CAAE;AACvB,EAAAI,EAAM,UAAUJ,GAEhBM,EAAU,MAAM;AACZ,UAAMC,IAAOR,EAAI;AACjB,QAAI,CAACQ,EAAM;AACX,QAAIC,IAA8C,MAC9CC,IAAS,GACTC,IAAS;AAEb,UAAMC,IAAS,MAAY;AACvB,MAAIH,MACA,aAAaA,CAAK,GAClBA,IAAQ;AAAA,IAEhB,GAEMI,IAAS,CAACC,MAA8B;AAC1C,MAAAJ,IAASI,EAAM,SACfH,IAASG,EAAM,SACfF,EAAA,GACAH,IAAQ,WAAW,MAAM;AACrB,QAAAA,IAAQ,MACRJ,EAAM,QAAA;AAAA,MACV,GAAGF,CAAK;AAAA,IACZ,GAEMY,IAAS,CAACD,MAA8B;AAC1C,UAAIL,MAAU,KAAM;AACpB,YAAMO,IAAKF,EAAM,UAAUJ,GACrBO,IAAKH,EAAM,UAAUH;AAC3B,MAAI,KAAK,MAAMK,GAAIC,CAAE,IAAIb,KAAeQ,EAAA;AAAA,IAC5C;AAEA,WAAAJ,EAAK,iBAAiB,eAAeK,CAAM,GAC3CL,EAAK,iBAAiB,eAAeO,CAAM,GAC3CP,EAAK,iBAAiB,aAAaI,CAAM,GACzCJ,EAAK,iBAAiB,iBAAiBI,CAAM,GAC7CJ,EAAK,iBAAiB,gBAAgBI,CAAM,GACrC,MAAM;AACT,MAAAA,EAAA,GACAJ,EAAK,oBAAoB,eAAeK,CAAM,GAC9CL,EAAK,oBAAoB,eAAeO,CAAM,GAC9CP,EAAK,oBAAoB,aAAaI,CAAM,GAC5CJ,EAAK,oBAAoB,iBAAiBI,CAAM,GAChDJ,EAAK,oBAAoB,gBAAgBI,CAAM;AAAA,IACnD;AAAA,EACJ,GAAG,CAACZ,GAAKG,GAAOC,CAAa,CAAC;AAClC;"}

package/dist/hooks/use-map.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function b(M){const[s,c]=t.useState(()=>new Map(M)),l=t.useCallback((e,a)=>{c(n=>{const p=new Map(n);return p.set(e,a),p})},[]),o=t.useCallback(e=>{c(a=>{if(!a.has(e))return a;const n=new Map(a);return n.delete(e),n})},[]),u=t.useCallback(()=>{c(e=>e.size===0?e:new Map)},[]),r=t.useCallback(e=>s.get(e),[s]),i=t.useCallback(e=>s.has(e),[s]);return t.useMemo(()=>({map:s,set:l,delete:o,clear:u,get:r,has:i,size:s.size}),[s,l,o,u,r,i])}exports.useMap=b;
+//# sourceMappingURL=use-map.cjs.map

package/dist/hooks/use-map.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-map.cjs","sources":["../../src/hooks/use-map.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\n\nexport interface UseMapResult<K, V> {\n    map: ReadonlyMap<K, V>;\n    set: (key: K, value: V) => void;\n    delete: (key: K) => void;\n    clear: () => void;\n    get: (key: K) => V | undefined;\n    has: (key: K) => boolean;\n    size: number;\n}\n\n/**\n * Reactive `Map` wrapper. Mutating via `set` / `delete` / `clear` triggers a\n * re-render and yields a fresh `map` reference each time.\n *\n * @typeParam K - key type.\n * @typeParam V - value type.\n * @param initial - initial entries.\n * @returns `{ map, set, delete, clear, get, has, size }`.\n */\nexport function useMap<K, V>(initial?: Iterable<readonly [K, V]>): UseMapResult<K, V> {\n    const [map, setMap] = useState<Map<K, V>>(() => new Map(initial));\n\n    const set = useCallback((key: K, value: V): void => {\n        setMap((current) => {\n            const next = new Map(current);\n            next.set(key, value);\n            return next;\n        });\n    }, []);\n\n    const remove = useCallback((key: K): void => {\n        setMap((current) => {\n            if (!current.has(key)) return current;\n            const next = new Map(current);\n            next.delete(key);\n            return next;\n        });\n    }, []);\n\n    const clear = useCallback((): void => {\n        setMap((current) => (current.size === 0 ? current : new Map<K, V>()));\n    }, []);\n\n    const get = useCallback((key: K): V | undefined => map.get(key), [map]);\n    const has = useCallback((key: K): boolean => map.has(key), [map]);\n\n    return useMemo<UseMapResult<K, V>>(\n        () => ({\n            map,\n            set,\n            delete: remove,\n            clear,\n            get,\n            has,\n            size: map.size,\n        }),\n        [map, set, remove, clear, get, has],\n    );\n}\n"],"names":["useMap","initial","map","setMap","useState","set","useCallback","key","value","current","next","remove","clear","get","has","useMemo"],"mappings":"yGAqBO,SAASA,EAAaC,EAAyD,CAClF,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAoB,IAAM,IAAI,IAAIH,CAAO,CAAC,EAE1DI,EAAMC,EAAAA,YAAY,CAACC,EAAQC,IAAmB,CAChDL,EAAQM,GAAY,CAChB,MAAMC,EAAO,IAAI,IAAID,CAAO,EAC5B,OAAAC,EAAK,IAAIH,EAAKC,CAAK,EACZE,CACX,CAAC,CACL,EAAG,CAAA,CAAE,EAECC,EAASL,cAAaC,GAAiB,CACzCJ,EAAQM,GAAY,CAChB,GAAI,CAACA,EAAQ,IAAIF,CAAG,EAAG,OAAOE,EAC9B,MAAMC,EAAO,IAAI,IAAID,CAAO,EAC5B,OAAAC,EAAK,OAAOH,CAAG,EACRG,CACX,CAAC,CACL,EAAG,CAAA,CAAE,EAECE,EAAQN,EAAAA,YAAY,IAAY,CAClCH,EAAQM,GAAaA,EAAQ,OAAS,EAAIA,EAAU,IAAI,GAAY,CACxE,EAAG,CAAA,CAAE,EAECI,EAAMP,cAAaC,GAA0BL,EAAI,IAAIK,CAAG,EAAG,CAACL,CAAG,CAAC,EAChEY,EAAMR,cAAaC,GAAoBL,EAAI,IAAIK,CAAG,EAAG,CAACL,CAAG,CAAC,EAEhE,OAAOa,EAAAA,QACH,KAAO,CACH,IAAAb,EACA,IAAAG,EACA,OAAQM,EACR,MAAAC,EACA,IAAAC,EACA,IAAAC,EACA,KAAMZ,EAAI,IAAA,GAEd,CAACA,EAAKG,EAAKM,EAAQC,EAAOC,EAAKC,CAAG,CAAA,CAE1C"}

package/dist/hooks/use-map.js

@@ -0,0 +1,33 @@
+import { useState as m, useCallback as n, useMemo as w } from "react";
+function h(l) {
+  const [t, o] = m(() => new Map(l)), p = n((e, s) => {
+    o((a) => {
+      const u = new Map(a);
+      return u.set(e, s), u;
+    });
+  }, []), c = n((e) => {
+    o((s) => {
+      if (!s.has(e)) return s;
+      const a = new Map(s);
+      return a.delete(e), a;
+    });
+  }, []), r = n(() => {
+    o((e) => e.size === 0 ? e : /* @__PURE__ */ new Map());
+  }, []), M = n((e) => t.get(e), [t]), i = n((e) => t.has(e), [t]);
+  return w(
+    () => ({
+      map: t,
+      set: p,
+      delete: c,
+      clear: r,
+      get: M,
+      has: i,
+      size: t.size
+    }),
+    [t, p, c, r, M, i]
+  );
+}
+export {
+  h as useMap
+};
+//# sourceMappingURL=use-map.js.map

package/dist/hooks/use-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-map.js","sources":["../../src/hooks/use-map.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\n\nexport interface UseMapResult<K, V> {\n    map: ReadonlyMap<K, V>;\n    set: (key: K, value: V) => void;\n    delete: (key: K) => void;\n    clear: () => void;\n    get: (key: K) => V | undefined;\n    has: (key: K) => boolean;\n    size: number;\n}\n\n/**\n * Reactive `Map` wrapper. Mutating via `set` / `delete` / `clear` triggers a\n * re-render and yields a fresh `map` reference each time.\n *\n * @typeParam K - key type.\n * @typeParam V - value type.\n * @param initial - initial entries.\n * @returns `{ map, set, delete, clear, get, has, size }`.\n */\nexport function useMap<K, V>(initial?: Iterable<readonly [K, V]>): UseMapResult<K, V> {\n    const [map, setMap] = useState<Map<K, V>>(() => new Map(initial));\n\n    const set = useCallback((key: K, value: V): void => {\n        setMap((current) => {\n            const next = new Map(current);\n            next.set(key, value);\n            return next;\n        });\n    }, []);\n\n    const remove = useCallback((key: K): void => {\n        setMap((current) => {\n            if (!current.has(key)) return current;\n            const next = new Map(current);\n            next.delete(key);\n            return next;\n        });\n    }, []);\n\n    const clear = useCallback((): void => {\n        setMap((current) => (current.size === 0 ? current : new Map<K, V>()));\n    }, []);\n\n    const get = useCallback((key: K): V | undefined => map.get(key), [map]);\n    const has = useCallback((key: K): boolean => map.has(key), [map]);\n\n    return useMemo<UseMapResult<K, V>>(\n        () => ({\n            map,\n            set,\n            delete: remove,\n            clear,\n            get,\n            has,\n            size: map.size,\n        }),\n        [map, set, remove, clear, get, has],\n    );\n}\n"],"names":["useMap","initial","map","setMap","useState","set","useCallback","key","value","current","next","remove","clear","get","has","useMemo"],"mappings":";AAqBO,SAASA,EAAaC,GAAyD;AAClF,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAoB,MAAM,IAAI,IAAIH,CAAO,CAAC,GAE1DI,IAAMC,EAAY,CAACC,GAAQC,MAAmB;AAChD,IAAAL,EAAO,CAACM,MAAY;AAChB,YAAMC,IAAO,IAAI,IAAID,CAAO;AAC5B,aAAAC,EAAK,IAAIH,GAAKC,CAAK,GACZE;AAAA,IACX,CAAC;AAAA,EACL,GAAG,CAAA,CAAE,GAECC,IAASL,EAAY,CAACC,MAAiB;AACzC,IAAAJ,EAAO,CAACM,MAAY;AAChB,UAAI,CAACA,EAAQ,IAAIF,CAAG,EAAG,QAAOE;AAC9B,YAAMC,IAAO,IAAI,IAAID,CAAO;AAC5B,aAAAC,EAAK,OAAOH,CAAG,GACRG;AAAA,IACX,CAAC;AAAA,EACL,GAAG,CAAA,CAAE,GAECE,IAAQN,EAAY,MAAY;AAClC,IAAAH,EAAO,CAACM,MAAaA,EAAQ,SAAS,IAAIA,IAAU,oBAAI,KAAY;AAAA,EACxE,GAAG,CAAA,CAAE,GAECI,IAAMP,EAAY,CAACC,MAA0BL,EAAI,IAAIK,CAAG,GAAG,CAACL,CAAG,CAAC,GAChEY,IAAMR,EAAY,CAACC,MAAoBL,EAAI,IAAIK,CAAG,GAAG,CAACL,CAAG,CAAC;AAEhE,SAAOa;AAAA,IACH,OAAO;AAAA,MACH,KAAAb;AAAA,MACA,KAAAG;AAAA,MACA,QAAQM;AAAA,MACR,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,MAAMZ,EAAI;AAAA,IAAA;AAAA,IAEd,CAACA,GAAKG,GAAKM,GAAQC,GAAOC,GAAKC,CAAG;AAAA,EAAA;AAE1C;"}

package/dist/hooks/use-media-query.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react");function c(e){const[i,n]=a.useState(()=>typeof window>"u"?!1:window.matchMedia(e).matches);return a.useEffect(()=>{if(typeof window>"u")return;const t=window.matchMedia(e),r=s=>n(s.matches);return n(t.matches),t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[e]),i}exports.useMediaQuery=c;
+//# sourceMappingURL=use-media-query.cjs.map

package/dist/hooks/use-media-query.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.cjs","sources":["../../src/hooks/use-media-query.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n/**\n * Subscribe to a CSS media query and re-render on match changes.\n *\n * @param query - A standard CSS media query string, e.g. \"(max-width: 768px)\".\n * @returns True when the query matches.\n */\nexport function useMediaQuery(query: string): boolean {\n    const [matches, setMatches] = useState<boolean>(() => {\n        if (typeof window === \"undefined\") return false;\n        return window.matchMedia(query).matches;\n    });\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n        const list = window.matchMedia(query);\n        const handler = (event: MediaQueryListEvent): void => setMatches(event.matches);\n        setMatches(list.matches);\n        list.addEventListener(\"change\", handler);\n        return () => list.removeEventListener(\"change\", handler);\n    }, [query]);\n\n    return matches;\n}\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","list","handler","event"],"mappings":"yGAQO,SAASA,EAAcC,EAAwB,CAClD,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAkB,IACxC,OAAO,OAAW,IAAoB,GACnC,OAAO,WAAWH,CAAK,EAAE,OACnC,EAEDI,OAAAA,EAAAA,UAAU,IAAM,CACZ,GAAI,OAAO,OAAW,IAAa,OACnC,MAAMC,EAAO,OAAO,WAAWL,CAAK,EAC9BM,EAAWC,GAAqCL,EAAWK,EAAM,OAAO,EAC9E,OAAAL,EAAWG,EAAK,OAAO,EACvBA,EAAK,iBAAiB,SAAUC,CAAO,EAChC,IAAMD,EAAK,oBAAoB,SAAUC,CAAO,CAC3D,EAAG,CAACN,CAAK,CAAC,EAEHC,CACX"}

package/dist/hooks/use-media-query.js

@@ -0,0 +1,13 @@
+import { useState as s, useEffect as c } from "react";
+function o(e) {
+  const [i, n] = s(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
+  return c(() => {
+    if (typeof window > "u") return;
+    const t = window.matchMedia(e), a = (r) => n(r.matches);
+    return n(t.matches), t.addEventListener("change", a), () => t.removeEventListener("change", a);
+  }, [e]), i;
+}
+export {
+  o as useMediaQuery
+};
+//# sourceMappingURL=use-media-query.js.map

package/dist/hooks/use-media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.js","sources":["../../src/hooks/use-media-query.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n/**\n * Subscribe to a CSS media query and re-render on match changes.\n *\n * @param query - A standard CSS media query string, e.g. \"(max-width: 768px)\".\n * @returns True when the query matches.\n */\nexport function useMediaQuery(query: string): boolean {\n    const [matches, setMatches] = useState<boolean>(() => {\n        if (typeof window === \"undefined\") return false;\n        return window.matchMedia(query).matches;\n    });\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n        const list = window.matchMedia(query);\n        const handler = (event: MediaQueryListEvent): void => setMatches(event.matches);\n        setMatches(list.matches);\n        list.addEventListener(\"change\", handler);\n        return () => list.removeEventListener(\"change\", handler);\n    }, [query]);\n\n    return matches;\n}\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","list","handler","event"],"mappings":";AAQO,SAASA,EAAcC,GAAwB;AAClD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAkB,MACxC,OAAO,SAAW,MAAoB,KACnC,OAAO,WAAWH,CAAK,EAAE,OACnC;AAED,SAAAI,EAAU,MAAM;AACZ,QAAI,OAAO,SAAW,IAAa;AACnC,UAAMC,IAAO,OAAO,WAAWL,CAAK,GAC9BM,IAAU,CAACC,MAAqCL,EAAWK,EAAM,OAAO;AAC9E,WAAAL,EAAWG,EAAK,OAAO,GACvBA,EAAK,iBAAiB,UAAUC,CAAO,GAChC,MAAMD,EAAK,oBAAoB,UAAUC,CAAO;AAAA,EAC3D,GAAG,CAACN,CAAK,CAAC,GAEHC;AACX;"}

package/dist/hooks/use-object-url.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function n(e){const[c,t]=u.useState(null);return u.useEffect(()=>{if(!e){t(null);return}const r=URL.createObjectURL(e);return t(r),()=>URL.revokeObjectURL(r)},[e]),c}exports.useObjectUrl=n;
+//# sourceMappingURL=use-object-url.cjs.map

package/dist/hooks/use-object-url.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-object-url.cjs","sources":["../../src/hooks/use-object-url.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n/**\n * Create an object URL for a `Blob` (or `File`) and revoke it automatically on\n * unmount or whenever the blob changes. Returns `null` for nullish input.\n *\n * @param blob - the blob to expose as an object URL, or `null`/`undefined`.\n * @returns The object URL string, or `null` when there is no blob.\n */\nexport function useObjectUrl(blob: Blob | null | undefined): string | null {\n    const [url, setUrl] = useState<string | null>(null);\n\n    useEffect(() => {\n        if (!blob) {\n            setUrl(null);\n            return;\n        }\n        const next = URL.createObjectURL(blob);\n        setUrl(next);\n        return () => URL.revokeObjectURL(next);\n    }, [blob]);\n\n    return url;\n}\n"],"names":["useObjectUrl","blob","url","setUrl","useState","useEffect","next"],"mappings":"yGASO,SAASA,EAAaC,EAA8C,CACvE,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAwB,IAAI,EAElDC,OAAAA,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACJ,EAAM,CACPE,EAAO,IAAI,EACX,MACJ,CACA,MAAMG,EAAO,IAAI,gBAAgBL,CAAI,EACrC,OAAAE,EAAOG,CAAI,EACJ,IAAM,IAAI,gBAAgBA,CAAI,CACzC,EAAG,CAACL,CAAI,CAAC,EAEFC,CACX"}

package/dist/hooks/use-object-url.js

@@ -0,0 +1,16 @@
+import { useState as u, useEffect as c } from "react";
+function U(e) {
+  const [n, t] = u(null);
+  return c(() => {
+    if (!e) {
+      t(null);
+      return;
+    }
+    const r = URL.createObjectURL(e);
+    return t(r), () => URL.revokeObjectURL(r);
+  }, [e]), n;
+}
+export {
+  U as useObjectUrl
+};
+//# sourceMappingURL=use-object-url.js.map

package/dist/hooks/use-object-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-object-url.js","sources":["../../src/hooks/use-object-url.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n/**\n * Create an object URL for a `Blob` (or `File`) and revoke it automatically on\n * unmount or whenever the blob changes. Returns `null` for nullish input.\n *\n * @param blob - the blob to expose as an object URL, or `null`/`undefined`.\n * @returns The object URL string, or `null` when there is no blob.\n */\nexport function useObjectUrl(blob: Blob | null | undefined): string | null {\n    const [url, setUrl] = useState<string | null>(null);\n\n    useEffect(() => {\n        if (!blob) {\n            setUrl(null);\n            return;\n        }\n        const next = URL.createObjectURL(blob);\n        setUrl(next);\n        return () => URL.revokeObjectURL(next);\n    }, [blob]);\n\n    return url;\n}\n"],"names":["useObjectUrl","blob","url","setUrl","useState","useEffect","next"],"mappings":";AASO,SAASA,EAAaC,GAA8C;AACvE,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAwB,IAAI;AAElD,SAAAC,EAAU,MAAM;AACZ,QAAI,CAACJ,GAAM;AACP,MAAAE,EAAO,IAAI;AACX;AAAA,IACJ;AACA,UAAMG,IAAO,IAAI,gBAAgBL,CAAI;AACrC,WAAAE,EAAOG,CAAI,GACJ,MAAM,IAAI,gBAAgBA,CAAI;AAAA,EACzC,GAAG,CAACL,CAAI,CAAC,GAEFC;AACX;"}

package/dist/hooks/use-online.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");function g(f={}){const{pingUrl:t,intervalMs:s=3e4,timeoutMs:l=5e3}=f,[d,c]=i.useState(()=>typeof navigator>"u"?!0:navigator.onLine),[v,r]=i.useState(!0),a=i.useRef({pingUrl:t,timeoutMs:l});return a.current={pingUrl:t,timeoutMs:l},i.useEffect(()=>{if(typeof window>"u")return;const e=()=>c(!0),n=()=>c(!1);return window.addEventListener("online",e),window.addEventListener("offline",n),()=>{window.removeEventListener("online",e),window.removeEventListener("offline",n)}},[]),i.useEffect(()=>{if(!t||typeof window>"u")return;let e=!1;const n=async()=>{if(typeof navigator<"u"&&!navigator.onLine){e||r(!1);return}const u=new AbortController,m=window.setTimeout(()=>u.abort(),a.current.timeoutMs);try{await fetch(a.current.pingUrl,{method:"HEAD",cache:"no-store",signal:u.signal}),e||r(!0)}catch{e||r(!1)}finally{window.clearTimeout(m)}};n();const w=window.setInterval(()=>{n()},s),o=()=>{n()};return window.addEventListener("online",o),document.addEventListener("visibilitychange",o),()=>{e=!0,window.clearInterval(w),window.removeEventListener("online",o),document.removeEventListener("visibilitychange",o)}},[t,s]),t?d&&v:d}exports.useOnline=g;
+//# sourceMappingURL=use-online.cjs.map

package/dist/hooks/use-online.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-online.cjs","sources":["../../src/hooks/use-online.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\n/**\n * Options for {@link useOnline}. Omit them for the cheap `navigator.onLine`\n * behaviour; pass `pingUrl` to add a real-reachability probe on top.\n */\nexport interface UseOnlineOptions {\n    /**\n     * URL to probe for real connectivity. `navigator.onLine` reports `true`\n     * behind a captive portal or when the machine has a link but no internet;\n     * a periodic `HEAD` to this URL catches those cases. When set, the result\n     * is `navigator.onLine && lastProbeSucceeded`.\n     */\n    pingUrl?: string;\n    /** How often to probe, in ms. Default `30000`. */\n    intervalMs?: number;\n    /** Abort a probe after this many ms and treat it as offline. Default `5000`. */\n    timeoutMs?: number;\n}\n\n/**\n * Track connectivity and re-render on changes.\n *\n * With no options it mirrors `navigator.onLine` (assuming online during SSR and\n * before the first event). Pass `pingUrl` to additionally probe real\n * reachability — the browser's `onLine` flag lies behind captive portals and\n * dead links, so the probe downgrades the result to `false` when the network is\n * unusable even though `navigator.onLine` is `true`.\n *\n * @param options - Optional reachability-probe configuration.\n * @returns `true` when the device is online (and reachable, when probing).\n *\n * @example\n * const online = useOnline(); // navigator.onLine only\n * const reallyOnline = useOnline({ pingUrl: \"/health\", intervalMs: 15_000 });\n */\nexport function useOnline(options: UseOnlineOptions = {}): boolean {\n    const { pingUrl, intervalMs = 30_000, timeoutMs = 5_000 } = options;\n\n    const [navOnline, setNavOnline] = useState<boolean>(() =>\n        typeof navigator === \"undefined\" ? true : navigator.onLine,\n    );\n    const [reachable, setReachable] = useState<boolean>(true);\n\n    const optionsRef = useRef({ pingUrl, timeoutMs });\n    optionsRef.current = { pingUrl, timeoutMs };\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n        const handleOnline = (): void => setNavOnline(true);\n        const handleOffline = (): void => setNavOnline(false);\n        window.addEventListener(\"online\", handleOnline);\n        window.addEventListener(\"offline\", handleOffline);\n        return () => {\n            window.removeEventListener(\"online\", handleOnline);\n            window.removeEventListener(\"offline\", handleOffline);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (!pingUrl || typeof window === \"undefined\") return;\n\n        let cancelled = false;\n        const probe = async (): Promise<void> => {\n            if (typeof navigator !== \"undefined\" && !navigator.onLine) {\n                if (!cancelled) setReachable(false);\n                return;\n            }\n            const controller = new AbortController();\n            const timer = window.setTimeout(() => controller.abort(), optionsRef.current.timeoutMs);\n            try {\n                await fetch(optionsRef.current.pingUrl!, {\n                    method: \"HEAD\",\n                    cache: \"no-store\",\n                    signal: controller.signal,\n                });\n                if (!cancelled) setReachable(true);\n            } catch {\n                if (!cancelled) setReachable(false);\n            } finally {\n                window.clearTimeout(timer);\n            }\n        };\n\n        void probe();\n        const id = window.setInterval(() => void probe(), intervalMs);\n        const onWake = (): void => void probe();\n        window.addEventListener(\"online\", onWake);\n        document.addEventListener(\"visibilitychange\", onWake);\n        return () => {\n            cancelled = true;\n            window.clearInterval(id);\n            window.removeEventListener(\"online\", onWake);\n            document.removeEventListener(\"visibilitychange\", onWake);\n        };\n    }, [pingUrl, intervalMs]);\n\n    return pingUrl ? navOnline && reachable : navOnline;\n}\n"],"names":["useOnline","options","pingUrl","intervalMs","timeoutMs","navOnline","setNavOnline","useState","reachable","setReachable","optionsRef","useRef","useEffect","handleOnline","handleOffline","cancelled","probe","controller","timer","id","onWake"],"mappings":"yGAoCO,SAASA,EAAUC,EAA4B,GAAa,CAC/D,KAAM,CAAE,QAAAC,EAAS,WAAAC,EAAa,IAAQ,UAAAC,EAAY,KAAUH,EAEtD,CAACI,EAAWC,CAAY,EAAIC,EAAAA,SAAkB,IAChD,OAAO,UAAc,IAAc,GAAO,UAAU,MAAA,EAElD,CAACC,EAAWC,CAAY,EAAIF,EAAAA,SAAkB,EAAI,EAElDG,EAAaC,EAAAA,OAAO,CAAE,QAAAT,EAAS,UAAAE,EAAW,EAChD,OAAAM,EAAW,QAAU,CAAE,QAAAR,EAAS,UAAAE,CAAA,EAEhCQ,EAAAA,UAAU,IAAM,CACZ,GAAI,OAAO,OAAW,IAAa,OACnC,MAAMC,EAAe,IAAYP,EAAa,EAAI,EAC5CQ,EAAgB,IAAYR,EAAa,EAAK,EACpD,cAAO,iBAAiB,SAAUO,CAAY,EAC9C,OAAO,iBAAiB,UAAWC,CAAa,EACzC,IAAM,CACT,OAAO,oBAAoB,SAAUD,CAAY,EACjD,OAAO,oBAAoB,UAAWC,CAAa,CACvD,CACJ,EAAG,CAAA,CAAE,EAELF,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACV,GAAW,OAAO,OAAW,IAAa,OAE/C,IAAIa,EAAY,GAChB,MAAMC,EAAQ,SAA2B,CACrC,GAAI,OAAO,UAAc,KAAe,CAAC,UAAU,OAAQ,CAClDD,GAAWN,EAAa,EAAK,EAClC,MACJ,CACA,MAAMQ,EAAa,IAAI,gBACjBC,EAAQ,OAAO,WAAW,IAAMD,EAAW,QAASP,EAAW,QAAQ,SAAS,EACtF,GAAI,CACA,MAAM,MAAMA,EAAW,QAAQ,QAAU,CACrC,OAAQ,OACR,MAAO,WACP,OAAQO,EAAW,MAAA,CACtB,EACIF,GAAWN,EAAa,EAAI,CACrC,MAAQ,CACCM,GAAWN,EAAa,EAAK,CACtC,QAAA,CACI,OAAO,aAAaS,CAAK,CAC7B,CACJ,EAEKF,EAAA,EACL,MAAMG,EAAK,OAAO,YAAY,IAAA,CAAWH,EAAA,GAASb,CAAU,EACtDiB,EAAS,IAAA,CAAiBJ,EAAA,GAChC,cAAO,iBAAiB,SAAUI,CAAM,EACxC,SAAS,iBAAiB,mBAAoBA,CAAM,EAC7C,IAAM,CACTL,EAAY,GACZ,OAAO,cAAcI,CAAE,EACvB,OAAO,oBAAoB,SAAUC,CAAM,EAC3C,SAAS,oBAAoB,mBAAoBA,CAAM,CAC3D,CACJ,EAAG,CAAClB,EAASC,CAAU,CAAC,EAEjBD,EAAUG,GAAaG,EAAYH,CAC9C"}

package/dist/hooks/use-online.js

@@ -0,0 +1,47 @@
+import { useState as f, useRef as h, useEffect as u } from "react";
+function E(v = {}) {
+  const { pingUrl: t, intervalMs: a = 3e4, timeoutMs: s = 5e3 } = v, [l, d] = f(
+    () => typeof navigator > "u" ? !0 : navigator.onLine
+  ), [w, o] = f(!0), r = h({ pingUrl: t, timeoutMs: s });
+  return r.current = { pingUrl: t, timeoutMs: s }, u(() => {
+    if (typeof window > "u") return;
+    const e = () => d(!0), n = () => d(!1);
+    return window.addEventListener("online", e), window.addEventListener("offline", n), () => {
+      window.removeEventListener("online", e), window.removeEventListener("offline", n);
+    };
+  }, []), u(() => {
+    if (!t || typeof window > "u") return;
+    let e = !1;
+    const n = async () => {
+      if (typeof navigator < "u" && !navigator.onLine) {
+        e || o(!1);
+        return;
+      }
+      const c = new AbortController(), g = window.setTimeout(() => c.abort(), r.current.timeoutMs);
+      try {
+        await fetch(r.current.pingUrl, {
+          method: "HEAD",
+          cache: "no-store",
+          signal: c.signal
+        }), e || o(!0);
+      } catch {
+        e || o(!1);
+      } finally {
+        window.clearTimeout(g);
+      }
+    };
+    n();
+    const m = window.setInterval(() => {
+      n();
+    }, a), i = () => {
+      n();
+    };
+    return window.addEventListener("online", i), document.addEventListener("visibilitychange", i), () => {
+      e = !0, window.clearInterval(m), window.removeEventListener("online", i), document.removeEventListener("visibilitychange", i);
+    };
+  }, [t, a]), t ? l && w : l;
+}
+export {
+  E as useOnline
+};
+//# sourceMappingURL=use-online.js.map

package/dist/hooks/use-online.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-online.js","sources":["../../src/hooks/use-online.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\n/**\n * Options for {@link useOnline}. Omit them for the cheap `navigator.onLine`\n * behaviour; pass `pingUrl` to add a real-reachability probe on top.\n */\nexport interface UseOnlineOptions {\n    /**\n     * URL to probe for real connectivity. `navigator.onLine` reports `true`\n     * behind a captive portal or when the machine has a link but no internet;\n     * a periodic `HEAD` to this URL catches those cases. When set, the result\n     * is `navigator.onLine && lastProbeSucceeded`.\n     */\n    pingUrl?: string;\n    /** How often to probe, in ms. Default `30000`. */\n    intervalMs?: number;\n    /** Abort a probe after this many ms and treat it as offline. Default `5000`. */\n    timeoutMs?: number;\n}\n\n/**\n * Track connectivity and re-render on changes.\n *\n * With no options it mirrors `navigator.onLine` (assuming online during SSR and\n * before the first event). Pass `pingUrl` to additionally probe real\n * reachability — the browser's `onLine` flag lies behind captive portals and\n * dead links, so the probe downgrades the result to `false` when the network is\n * unusable even though `navigator.onLine` is `true`.\n *\n * @param options - Optional reachability-probe configuration.\n * @returns `true` when the device is online (and reachable, when probing).\n *\n * @example\n * const online = useOnline(); // navigator.onLine only\n * const reallyOnline = useOnline({ pingUrl: \"/health\", intervalMs: 15_000 });\n */\nexport function useOnline(options: UseOnlineOptions = {}): boolean {\n    const { pingUrl, intervalMs = 30_000, timeoutMs = 5_000 } = options;\n\n    const [navOnline, setNavOnline] = useState<boolean>(() =>\n        typeof navigator === \"undefined\" ? true : navigator.onLine,\n    );\n    const [reachable, setReachable] = useState<boolean>(true);\n\n    const optionsRef = useRef({ pingUrl, timeoutMs });\n    optionsRef.current = { pingUrl, timeoutMs };\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n        const handleOnline = (): void => setNavOnline(true);\n        const handleOffline = (): void => setNavOnline(false);\n        window.addEventListener(\"online\", handleOnline);\n        window.addEventListener(\"offline\", handleOffline);\n        return () => {\n            window.removeEventListener(\"online\", handleOnline);\n            window.removeEventListener(\"offline\", handleOffline);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (!pingUrl || typeof window === \"undefined\") return;\n\n        let cancelled = false;\n        const probe = async (): Promise<void> => {\n            if (typeof navigator !== \"undefined\" && !navigator.onLine) {\n                if (!cancelled) setReachable(false);\n                return;\n            }\n            const controller = new AbortController();\n            const timer = window.setTimeout(() => controller.abort(), optionsRef.current.timeoutMs);\n            try {\n                await fetch(optionsRef.current.pingUrl!, {\n                    method: \"HEAD\",\n                    cache: \"no-store\",\n                    signal: controller.signal,\n                });\n                if (!cancelled) setReachable(true);\n            } catch {\n                if (!cancelled) setReachable(false);\n            } finally {\n                window.clearTimeout(timer);\n            }\n        };\n\n        void probe();\n        const id = window.setInterval(() => void probe(), intervalMs);\n        const onWake = (): void => void probe();\n        window.addEventListener(\"online\", onWake);\n        document.addEventListener(\"visibilitychange\", onWake);\n        return () => {\n            cancelled = true;\n            window.clearInterval(id);\n            window.removeEventListener(\"online\", onWake);\n            document.removeEventListener(\"visibilitychange\", onWake);\n        };\n    }, [pingUrl, intervalMs]);\n\n    return pingUrl ? navOnline && reachable : navOnline;\n}\n"],"names":["useOnline","options","pingUrl","intervalMs","timeoutMs","navOnline","setNavOnline","useState","reachable","setReachable","optionsRef","useRef","useEffect","handleOnline","handleOffline","cancelled","probe","controller","timer","id","onWake"],"mappings":";AAoCO,SAASA,EAAUC,IAA4B,IAAa;AAC/D,QAAM,EAAE,SAAAC,GAAS,YAAAC,IAAa,KAAQ,WAAAC,IAAY,QAAUH,GAEtD,CAACI,GAAWC,CAAY,IAAIC;AAAA,IAAkB,MAChD,OAAO,YAAc,MAAc,KAAO,UAAU;AAAA,EAAA,GAElD,CAACC,GAAWC,CAAY,IAAIF,EAAkB,EAAI,GAElDG,IAAaC,EAAO,EAAE,SAAAT,GAAS,WAAAE,GAAW;AAChD,SAAAM,EAAW,UAAU,EAAE,SAAAR,GAAS,WAAAE,EAAA,GAEhCQ,EAAU,MAAM;AACZ,QAAI,OAAO,SAAW,IAAa;AACnC,UAAMC,IAAe,MAAYP,EAAa,EAAI,GAC5CQ,IAAgB,MAAYR,EAAa,EAAK;AACpD,kBAAO,iBAAiB,UAAUO,CAAY,GAC9C,OAAO,iBAAiB,WAAWC,CAAa,GACzC,MAAM;AACT,aAAO,oBAAoB,UAAUD,CAAY,GACjD,OAAO,oBAAoB,WAAWC,CAAa;AAAA,IACvD;AAAA,EACJ,GAAG,CAAA,CAAE,GAELF,EAAU,MAAM;AACZ,QAAI,CAACV,KAAW,OAAO,SAAW,IAAa;AAE/C,QAAIa,IAAY;AAChB,UAAMC,IAAQ,YAA2B;AACrC,UAAI,OAAO,YAAc,OAAe,CAAC,UAAU,QAAQ;AACvD,QAAKD,KAAWN,EAAa,EAAK;AAClC;AAAA,MACJ;AACA,YAAMQ,IAAa,IAAI,gBAAA,GACjBC,IAAQ,OAAO,WAAW,MAAMD,EAAW,SAASP,EAAW,QAAQ,SAAS;AACtF,UAAI;AACA,cAAM,MAAMA,EAAW,QAAQ,SAAU;AAAA,UACrC,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,QAAQO,EAAW;AAAA,QAAA,CACtB,GACIF,KAAWN,EAAa,EAAI;AAAA,MACrC,QAAQ;AACJ,QAAKM,KAAWN,EAAa,EAAK;AAAA,MACtC,UAAA;AACI,eAAO,aAAaS,CAAK;AAAA,MAC7B;AAAA,IACJ;AAEA,IAAKF,EAAA;AACL,UAAMG,IAAK,OAAO,YAAY,MAAA;AAAM,MAAKH,EAAA;AAAA,OAASb,CAAU,GACtDiB,IAAS,MAAA;AAAY,MAAKJ,EAAA;AAAA;AAChC,kBAAO,iBAAiB,UAAUI,CAAM,GACxC,SAAS,iBAAiB,oBAAoBA,CAAM,GAC7C,MAAM;AACT,MAAAL,IAAY,IACZ,OAAO,cAAcI,CAAE,GACvB,OAAO,oBAAoB,UAAUC,CAAM,GAC3C,SAAS,oBAAoB,oBAAoBA,CAAM;AAAA,IAC3D;AAAA,EACJ,GAAG,CAAClB,GAASC,CAAU,CAAC,GAEjBD,IAAUG,KAAaG,IAAYH;AAC9C;"}

package/dist/hooks/use-pagination.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");function r(s=1,a=50){const[n,t]=e.useState(s),[i,o]=e.useState(a),u=e.useCallback(()=>t(1),[]);return{page:n,size:i,setPage:t,setSize:o,reset:u}}exports.usePagination=r;
+//# sourceMappingURL=use-pagination.cjs.map

package/dist/hooks/use-pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.cjs","sources":["../../src/hooks/use-pagination.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport interface UsePaginationResult {\n    page: number;\n    size: number;\n    setPage: (page: number) => void;\n    setSize: (size: number) => void;\n    reset: () => void;\n}\n\n/**\n * Manage page/size state for paginated lists. Reset goes back to page 1\n * without touching the page size.\n *\n * @param initialPage - Starting page (default 1).\n * @param initialSize - Starting page size (default 50).\n * @returns Pagination state and setters.\n */\nexport function usePagination(initialPage = 1, initialSize = 50): UsePaginationResult {\n    const [page, setPage] = useState<number>(initialPage);\n    const [size, setSize] = useState<number>(initialSize);\n\n    const reset = useCallback(() => setPage(1), []);\n\n    return { page, size, setPage, setSize, reset };\n}\n"],"names":["usePagination","initialPage","initialSize","page","setPage","useState","size","setSize","reset","useCallback"],"mappings":"yGAkBO,SAASA,EAAcC,EAAc,EAAGC,EAAc,GAAyB,CAClF,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAiBJ,CAAW,EAC9C,CAACK,EAAMC,CAAO,EAAIF,EAAAA,SAAiBH,CAAW,EAE9CM,EAAQC,EAAAA,YAAY,IAAML,EAAQ,CAAC,EAAG,CAAA,CAAE,EAE9C,MAAO,CAAE,KAAAD,EAAM,KAAAG,EAAM,QAAAF,EAAS,QAAAG,EAAS,MAAAC,CAAA,CAC3C"}

package/dist/hooks/use-pagination.js

@@ -0,0 +1,9 @@
+import { useState as t, useCallback as c } from "react";
+function g(s = 1, n = 50) {
+  const [o, e] = t(s), [a, i] = t(n), r = c(() => e(1), []);
+  return { page: o, size: a, setPage: e, setSize: i, reset: r };
+}
+export {
+  g as usePagination
+};
+//# sourceMappingURL=use-pagination.js.map

package/dist/hooks/use-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.js","sources":["../../src/hooks/use-pagination.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport interface UsePaginationResult {\n    page: number;\n    size: number;\n    setPage: (page: number) => void;\n    setSize: (size: number) => void;\n    reset: () => void;\n}\n\n/**\n * Manage page/size state for paginated lists. Reset goes back to page 1\n * without touching the page size.\n *\n * @param initialPage - Starting page (default 1).\n * @param initialSize - Starting page size (default 50).\n * @returns Pagination state and setters.\n */\nexport function usePagination(initialPage = 1, initialSize = 50): UsePaginationResult {\n    const [page, setPage] = useState<number>(initialPage);\n    const [size, setSize] = useState<number>(initialSize);\n\n    const reset = useCallback(() => setPage(1), []);\n\n    return { page, size, setPage, setSize, reset };\n}\n"],"names":["usePagination","initialPage","initialSize","page","setPage","useState","size","setSize","reset","useCallback"],"mappings":";AAkBO,SAASA,EAAcC,IAAc,GAAGC,IAAc,IAAyB;AAClF,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAiBJ,CAAW,GAC9C,CAACK,GAAMC,CAAO,IAAIF,EAAiBH,CAAW,GAE9CM,IAAQC,EAAY,MAAML,EAAQ,CAAC,GAAG,CAAA,CAAE;AAE9C,SAAO,EAAE,MAAAD,GAAM,MAAAG,GAAM,SAAAF,GAAS,SAAAG,GAAS,OAAAC,EAAA;AAC3C;"}

package/dist/hooks/use-previous.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function u(e){const r=t.useRef(void 0);return t.useEffect(()=>{r.current=e},[e]),r.current}exports.usePrevious=u;
+//# sourceMappingURL=use-previous.cjs.map

package/dist/hooks/use-previous.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.cjs","sources":["../../src/hooks/use-previous.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\n/**\n * Return the value from the previous render. `undefined` on the first render.\n *\n * @example\n * const previousCount = usePrevious(count);\n * useEffect(() => {\n *     if (previousCount !== undefined && previousCount !== count) {\n *         analytics.track(\"count.changed\", { from: previousCount, to: count });\n *     }\n * }, [count, previousCount]);\n */\nexport function usePrevious<T>(value: T): T | undefined {\n    const ref = useRef<T | undefined>(undefined);\n    useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    return ref.current;\n}\n"],"names":["usePrevious","value","ref","useRef","useEffect"],"mappings":"yGAaO,SAASA,EAAeC,EAAyB,CACpD,MAAMC,EAAMC,EAAAA,OAAsB,MAAS,EAC3CC,OAAAA,EAAAA,UAAU,IAAM,CACZF,EAAI,QAAUD,CAClB,EAAG,CAACA,CAAK,CAAC,EACHC,EAAI,OACf"}

package/dist/hooks/use-previous.js

@@ -0,0 +1,11 @@
+import { useRef as t, useEffect as o } from "react";
+function f(r) {
+  const e = t(void 0);
+  return o(() => {
+    e.current = r;
+  }, [r]), e.current;
+}
+export {
+  f as usePrevious
+};
+//# sourceMappingURL=use-previous.js.map

package/dist/hooks/use-previous.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.js","sources":["../../src/hooks/use-previous.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\n/**\n * Return the value from the previous render. `undefined` on the first render.\n *\n * @example\n * const previousCount = usePrevious(count);\n * useEffect(() => {\n *     if (previousCount !== undefined && previousCount !== count) {\n *         analytics.track(\"count.changed\", { from: previousCount, to: count });\n *     }\n * }, [count, previousCount]);\n */\nexport function usePrevious<T>(value: T): T | undefined {\n    const ref = useRef<T | undefined>(undefined);\n    useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    return ref.current;\n}\n"],"names":["usePrevious","value","ref","useRef","useEffect"],"mappings":";AAaO,SAASA,EAAeC,GAAyB;AACpD,QAAMC,IAAMC,EAAsB,MAAS;AAC3C,SAAAC,EAAU,MAAM;AACZ,IAAAF,EAAI,UAAUD;AAAA,EAClB,GAAG,CAACA,CAAK,CAAC,GACHC,EAAI;AACf;"}

package/dist/hooks/use-queue.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function q(f={}){const{initialValues:i=[],limit:e=1/0}=f,[t,c]=s.useState(()=>({queue:i.slice(0,e),overflow:i.slice(e)})),a=s.useCallback((...u)=>{c(l=>{const o=[...l.queue,...l.overflow,...u];return{queue:o.slice(0,e),overflow:o.slice(e)}})},[e]),n=s.useCallback(u=>{c(l=>{const o=[...u(l.queue),...l.overflow];return{queue:o.slice(0,e),overflow:o.slice(e)}})},[e]),r=s.useCallback(()=>{c(u=>({queue:u.overflow.slice(0,e),overflow:u.overflow.slice(e)}))},[e]);return s.useMemo(()=>({queue:t.queue,add:a,update:n,cleanQueue:r,size:t.queue.length}),[t.queue,a,n,r])}exports.useQueue=q;
+//# sourceMappingURL=use-queue.cjs.map

package/dist/hooks/use-queue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-queue.cjs","sources":["../../src/hooks/use-queue.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\n\nexport interface UseQueueOptions<T> {\n    initialValues?: T[];\n    limit?: number;\n}\n\nexport interface UseQueueResult<T> {\n    /** Items currently held within the queue (up to `limit`). */\n    queue: T[];\n    /** Append items; overflow beyond `limit` is held back, not dropped. */\n    add: (...items: T[]) => void;\n    /** Replace the held queue via a mapper over the current held items. */\n    update: (fn: (state: T[]) => T[]) => void;\n    /** Drop all currently held (visible) items, keeping any overflow. */\n    cleanQueue: () => void;\n    /** Number of visible items in the queue. */\n    size: number;\n}\n\n/**\n * FIFO queue with an optional `limit`. When more items are added than `limit`\n * allows, the surplus is kept in an internal overflow buffer and surfaces into\n * `queue` as room frees up (e.g. after `cleanQueue`). Loosely mirrors Mantine's\n * `useQueue` shape.\n *\n * @typeParam T - element type.\n * @param options - `initialValues` and `limit` (default limit `Infinity`).\n * @returns `{ queue, add, update, cleanQueue, size }`.\n */\nexport function useQueue<T>(options: UseQueueOptions<T> = {}): UseQueueResult<T> {\n    const { initialValues = [], limit = Infinity } = options;\n\n    const [state, setState] = useState<{ queue: T[]; overflow: T[] }>(() => ({\n        queue: initialValues.slice(0, limit),\n        overflow: initialValues.slice(limit),\n    }));\n\n    const add = useCallback(\n        (...items: T[]): void => {\n            setState((current) => {\n                const all = [...current.queue, ...current.overflow, ...items];\n                return {\n                    queue: all.slice(0, limit),\n                    overflow: all.slice(limit),\n                };\n            });\n        },\n        [limit],\n    );\n\n    const update = useCallback(\n        (fn: (queueState: T[]) => T[]): void => {\n            setState((current) => {\n                const all = [...fn(current.queue), ...current.overflow];\n                return {\n                    queue: all.slice(0, limit),\n                    overflow: all.slice(limit),\n                };\n            });\n        },\n        [limit],\n    );\n\n    const cleanQueue = useCallback((): void => {\n        setState((current) => ({\n            queue: current.overflow.slice(0, limit),\n            overflow: current.overflow.slice(limit),\n        }));\n    }, [limit]);\n\n    return useMemo<UseQueueResult<T>>(\n        () => ({\n            queue: state.queue,\n            add,\n            update,\n            cleanQueue,\n            size: state.queue.length,\n        }),\n        [state.queue, add, update, cleanQueue],\n    );\n}\n"],"names":["useQueue","options","initialValues","limit","state","setState","useState","add","useCallback","items","current","all","update","fn","cleanQueue","useMemo"],"mappings":"yGA8BO,SAASA,EAAYC,EAA8B,GAAuB,CAC7E,KAAM,CAAE,cAAAC,EAAgB,CAAA,EAAI,MAAAC,EAAQ,KAAaF,EAE3C,CAACG,EAAOC,CAAQ,EAAIC,EAAAA,SAAwC,KAAO,CACrE,MAAOJ,EAAc,MAAM,EAAGC,CAAK,EACnC,SAAUD,EAAc,MAAMC,CAAK,CAAA,EACrC,EAEII,EAAMC,EAAAA,YACR,IAAIC,IAAqB,CACrBJ,EAAUK,GAAY,CAClB,MAAMC,EAAM,CAAC,GAAGD,EAAQ,MAAO,GAAGA,EAAQ,SAAU,GAAGD,CAAK,EAC5D,MAAO,CACH,MAAOE,EAAI,MAAM,EAAGR,CAAK,EACzB,SAAUQ,EAAI,MAAMR,CAAK,CAAA,CAEjC,CAAC,CACL,EACA,CAACA,CAAK,CAAA,EAGJS,EAASJ,EAAAA,YACVK,GAAuC,CACpCR,EAAUK,GAAY,CAClB,MAAMC,EAAM,CAAC,GAAGE,EAAGH,EAAQ,KAAK,EAAG,GAAGA,EAAQ,QAAQ,EACtD,MAAO,CACH,MAAOC,EAAI,MAAM,EAAGR,CAAK,EACzB,SAAUQ,EAAI,MAAMR,CAAK,CAAA,CAEjC,CAAC,CACL,EACA,CAACA,CAAK,CAAA,EAGJW,EAAaN,EAAAA,YAAY,IAAY,CACvCH,EAAUK,IAAa,CACnB,MAAOA,EAAQ,SAAS,MAAM,EAAGP,CAAK,EACtC,SAAUO,EAAQ,SAAS,MAAMP,CAAK,CAAA,EACxC,CACN,EAAG,CAACA,CAAK,CAAC,EAEV,OAAOY,EAAAA,QACH,KAAO,CACH,MAAOX,EAAM,MACb,IAAAG,EACA,OAAAK,EACA,WAAAE,EACA,KAAMV,EAAM,MAAM,MAAA,GAEtB,CAACA,EAAM,MAAOG,EAAKK,EAAQE,CAAU,CAAA,CAE7C"}

package/dist/hooks/use-queue.js

@@ -0,0 +1,48 @@
+import { useState as q, useCallback as i, useMemo as v } from "react";
+function m(r = {}) {
+  const { initialValues: c = [], limit: e = 1 / 0 } = r, [s, t] = q(() => ({
+    queue: c.slice(0, e),
+    overflow: c.slice(e)
+  })), n = i(
+    (...u) => {
+      t((o) => {
+        const l = [...o.queue, ...o.overflow, ...u];
+        return {
+          queue: l.slice(0, e),
+          overflow: l.slice(e)
+        };
+      });
+    },
+    [e]
+  ), a = i(
+    (u) => {
+      t((o) => {
+        const l = [...u(o.queue), ...o.overflow];
+        return {
+          queue: l.slice(0, e),
+          overflow: l.slice(e)
+        };
+      });
+    },
+    [e]
+  ), f = i(() => {
+    t((u) => ({
+      queue: u.overflow.slice(0, e),
+      overflow: u.overflow.slice(e)
+    }));
+  }, [e]);
+  return v(
+    () => ({
+      queue: s.queue,
+      add: n,
+      update: a,
+      cleanQueue: f,
+      size: s.queue.length
+    }),
+    [s.queue, n, a, f]
+  );
+}
+export {
+  m as useQueue
+};
+//# sourceMappingURL=use-queue.js.map

package/dist/hooks/use-queue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-queue.js","sources":["../../src/hooks/use-queue.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\n\nexport interface UseQueueOptions<T> {\n    initialValues?: T[];\n    limit?: number;\n}\n\nexport interface UseQueueResult<T> {\n    /** Items currently held within the queue (up to `limit`). */\n    queue: T[];\n    /** Append items; overflow beyond `limit` is held back, not dropped. */\n    add: (...items: T[]) => void;\n    /** Replace the held queue via a mapper over the current held items. */\n    update: (fn: (state: T[]) => T[]) => void;\n    /** Drop all currently held (visible) items, keeping any overflow. */\n    cleanQueue: () => void;\n    /** Number of visible items in the queue. */\n    size: number;\n}\n\n/**\n * FIFO queue with an optional `limit`. When more items are added than `limit`\n * allows, the surplus is kept in an internal overflow buffer and surfaces into\n * `queue` as room frees up (e.g. after `cleanQueue`). Loosely mirrors Mantine's\n * `useQueue` shape.\n *\n * @typeParam T - element type.\n * @param options - `initialValues` and `limit` (default limit `Infinity`).\n * @returns `{ queue, add, update, cleanQueue, size }`.\n */\nexport function useQueue<T>(options: UseQueueOptions<T> = {}): UseQueueResult<T> {\n    const { initialValues = [], limit = Infinity } = options;\n\n    const [state, setState] = useState<{ queue: T[]; overflow: T[] }>(() => ({\n        queue: initialValues.slice(0, limit),\n        overflow: initialValues.slice(limit),\n    }));\n\n    const add = useCallback(\n        (...items: T[]): void => {\n            setState((current) => {\n                const all = [...current.queue, ...current.overflow, ...items];\n                return {\n                    queue: all.slice(0, limit),\n                    overflow: all.slice(limit),\n                };\n            });\n        },\n        [limit],\n    );\n\n    const update = useCallback(\n        (fn: (queueState: T[]) => T[]): void => {\n            setState((current) => {\n                const all = [...fn(current.queue), ...current.overflow];\n                return {\n                    queue: all.slice(0, limit),\n                    overflow: all.slice(limit),\n                };\n            });\n        },\n        [limit],\n    );\n\n    const cleanQueue = useCallback((): void => {\n        setState((current) => ({\n            queue: current.overflow.slice(0, limit),\n            overflow: current.overflow.slice(limit),\n        }));\n    }, [limit]);\n\n    return useMemo<UseQueueResult<T>>(\n        () => ({\n            queue: state.queue,\n            add,\n            update,\n            cleanQueue,\n            size: state.queue.length,\n        }),\n        [state.queue, add, update, cleanQueue],\n    );\n}\n"],"names":["useQueue","options","initialValues","limit","state","setState","useState","add","useCallback","items","current","all","update","fn","cleanQueue","useMemo"],"mappings":";AA8BO,SAASA,EAAYC,IAA8B,IAAuB;AAC7E,QAAM,EAAE,eAAAC,IAAgB,CAAA,GAAI,OAAAC,IAAQ,UAAaF,GAE3C,CAACG,GAAOC,CAAQ,IAAIC,EAAwC,OAAO;AAAA,IACrE,OAAOJ,EAAc,MAAM,GAAGC,CAAK;AAAA,IACnC,UAAUD,EAAc,MAAMC,CAAK;AAAA,EAAA,EACrC,GAEII,IAAMC;AAAA,IACR,IAAIC,MAAqB;AACrB,MAAAJ,EAAS,CAACK,MAAY;AAClB,cAAMC,IAAM,CAAC,GAAGD,EAAQ,OAAO,GAAGA,EAAQ,UAAU,GAAGD,CAAK;AAC5D,eAAO;AAAA,UACH,OAAOE,EAAI,MAAM,GAAGR,CAAK;AAAA,UACzB,UAAUQ,EAAI,MAAMR,CAAK;AAAA,QAAA;AAAA,MAEjC,CAAC;AAAA,IACL;AAAA,IACA,CAACA,CAAK;AAAA,EAAA,GAGJS,IAASJ;AAAA,IACX,CAACK,MAAuC;AACpC,MAAAR,EAAS,CAACK,MAAY;AAClB,cAAMC,IAAM,CAAC,GAAGE,EAAGH,EAAQ,KAAK,GAAG,GAAGA,EAAQ,QAAQ;AACtD,eAAO;AAAA,UACH,OAAOC,EAAI,MAAM,GAAGR,CAAK;AAAA,UACzB,UAAUQ,EAAI,MAAMR,CAAK;AAAA,QAAA;AAAA,MAEjC,CAAC;AAAA,IACL;AAAA,IACA,CAACA,CAAK;AAAA,EAAA,GAGJW,IAAaN,EAAY,MAAY;AACvC,IAAAH,EAAS,CAACK,OAAa;AAAA,MACnB,OAAOA,EAAQ,SAAS,MAAM,GAAGP,CAAK;AAAA,MACtC,UAAUO,EAAQ,SAAS,MAAMP,CAAK;AAAA,IAAA,EACxC;AAAA,EACN,GAAG,CAACA,CAAK,CAAC;AAEV,SAAOY;AAAA,IACH,OAAO;AAAA,MACH,OAAOX,EAAM;AAAA,MACb,KAAAG;AAAA,MACA,QAAAK;AAAA,MACA,YAAAE;AAAA,MACA,MAAMV,EAAM,MAAM;AAAA,IAAA;AAAA,IAEtB,CAACA,EAAM,OAAOG,GAAKK,GAAQE,CAAU;AAAA,EAAA;AAE7C;"}

package/dist/hooks/use-resize-observer.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");function b(e){const[o,c]=i.useState(null);return i.useEffect(()=>{const t=e.current;if(!t||typeof ResizeObserver>"u")return;const r=new ResizeObserver(u=>{const s=u[0];if(!s)return;const n=s.contentRect;c({width:n.width,height:n.height})});return r.observe(t),()=>r.disconnect()},[e]),o}exports.useResizeObserver=b;
+//# sourceMappingURL=use-resize-observer.cjs.map

package/dist/hooks/use-resize-observer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize-observer.cjs","sources":["../../src/hooks/use-resize-observer.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { RefObject } from \"react\";\n\nexport interface ElementSize {\n    width: number;\n    height: number;\n}\n\n/**\n * Track size changes of a DOM element via `ResizeObserver`.\n * Returns `null` until the first measurement.\n */\nexport function useResizeObserver(ref: RefObject<Element | null>): ElementSize | null {\n    const [size, setSize] = useState<ElementSize | null>(null);\n\n    useEffect(() => {\n        const target = ref.current;\n        if (!target || typeof ResizeObserver === \"undefined\") return;\n\n        const observer = new ResizeObserver((entries) => {\n            const entry = entries[0];\n            if (!entry) return;\n            const box = entry.contentRect;\n            setSize({ width: box.width, height: box.height });\n        });\n\n        observer.observe(target);\n        return () => observer.disconnect();\n    }, [ref]);\n\n    return size;\n}\n"],"names":["useResizeObserver","ref","size","setSize","useState","useEffect","target","observer","entries","entry","box"],"mappings":"yGAYO,SAASA,EAAkBC,EAAoD,CAClF,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAA6B,IAAI,EAEzDC,OAAAA,EAAAA,UAAU,IAAM,CACZ,MAAMC,EAASL,EAAI,QACnB,GAAI,CAACK,GAAU,OAAO,eAAmB,IAAa,OAEtD,MAAMC,EAAW,IAAI,eAAgBC,GAAY,CAC7C,MAAMC,EAAQD,EAAQ,CAAC,EACvB,GAAI,CAACC,EAAO,OACZ,MAAMC,EAAMD,EAAM,YAClBN,EAAQ,CAAE,MAAOO,EAAI,MAAO,OAAQA,EAAI,OAAQ,CACpD,CAAC,EAED,OAAAH,EAAS,QAAQD,CAAM,EAChB,IAAMC,EAAS,WAAA,CAC1B,EAAG,CAACN,CAAG,CAAC,EAEDC,CACX"}

package/dist/hooks/use-resize-observer.js

@@ -0,0 +1,19 @@
+import { useState as u, useEffect as f } from "react";
+function h(e) {
+  const [i, o] = u(null);
+  return f(() => {
+    const t = e.current;
+    if (!t || typeof ResizeObserver > "u") return;
+    const r = new ResizeObserver((c) => {
+      const n = c[0];
+      if (!n) return;
+      const s = n.contentRect;
+      o({ width: s.width, height: s.height });
+    });
+    return r.observe(t), () => r.disconnect();
+  }, [e]), i;
+}
+export {
+  h as useResizeObserver
+};
+//# sourceMappingURL=use-resize-observer.js.map

package/dist/hooks/use-resize-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize-observer.js","sources":["../../src/hooks/use-resize-observer.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport type { RefObject } from \"react\";\n\nexport interface ElementSize {\n    width: number;\n    height: number;\n}\n\n/**\n * Track size changes of a DOM element via `ResizeObserver`.\n * Returns `null` until the first measurement.\n */\nexport function useResizeObserver(ref: RefObject<Element | null>): ElementSize | null {\n    const [size, setSize] = useState<ElementSize | null>(null);\n\n    useEffect(() => {\n        const target = ref.current;\n        if (!target || typeof ResizeObserver === \"undefined\") return;\n\n        const observer = new ResizeObserver((entries) => {\n            const entry = entries[0];\n            if (!entry) return;\n            const box = entry.contentRect;\n            setSize({ width: box.width, height: box.height });\n        });\n\n        observer.observe(target);\n        return () => observer.disconnect();\n    }, [ref]);\n\n    return size;\n}\n"],"names":["useResizeObserver","ref","size","setSize","useState","useEffect","target","observer","entries","entry","box"],"mappings":";AAYO,SAASA,EAAkBC,GAAoD;AAClF,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAA6B,IAAI;AAEzD,SAAAC,EAAU,MAAM;AACZ,UAAMC,IAASL,EAAI;AACnB,QAAI,CAACK,KAAU,OAAO,iBAAmB,IAAa;AAEtD,UAAMC,IAAW,IAAI,eAAe,CAACC,MAAY;AAC7C,YAAMC,IAAQD,EAAQ,CAAC;AACvB,UAAI,CAACC,EAAO;AACZ,YAAMC,IAAMD,EAAM;AAClB,MAAAN,EAAQ,EAAE,OAAOO,EAAI,OAAO,QAAQA,EAAI,QAAQ;AAAA,IACpD,CAAC;AAED,WAAAH,EAAS,QAAQD,CAAM,GAChB,MAAMC,EAAS,WAAA;AAAA,EAC1B,GAAG,CAACN,CAAG,CAAC,GAEDC;AACX;"}

package/dist/hooks/use-scroll-lock.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function n(o){r.useEffect(()=>{if(!o||typeof document>"u")return;const e=document.body,t=e.style.overflow;return e.style.overflow="hidden",()=>{e.style.overflow=t}},[o])}exports.useScrollLock=n;
+//# sourceMappingURL=use-scroll-lock.cjs.map

package/dist/hooks/use-scroll-lock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-lock.cjs","sources":["../../src/hooks/use-scroll-lock.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\n/**\n * Lock `<body>` scroll while `active` is true. Restores the previous overflow\n * value on unmount. Safe to nest: stacks the restoration via a counter.\n */\nexport function useScrollLock(active: boolean): void {\n    useEffect(() => {\n        if (!active || typeof document === \"undefined\") return;\n        const body = document.body;\n        const previous = body.style.overflow;\n        body.style.overflow = \"hidden\";\n        return () => {\n            body.style.overflow = previous;\n        };\n    }, [active]);\n}\n"],"names":["useScrollLock","active","useEffect","body","previous"],"mappings":"yGAMO,SAASA,EAAcC,EAAuB,CACjDC,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACD,GAAU,OAAO,SAAa,IAAa,OAChD,MAAME,EAAO,SAAS,KAChBC,EAAWD,EAAK,MAAM,SAC5B,OAAAA,EAAK,MAAM,SAAW,SACf,IAAM,CACTA,EAAK,MAAM,SAAWC,CAC1B,CACJ,EAAG,CAACH,CAAM,CAAC,CACf"}

package/dist/hooks/use-scroll-lock.js

@@ -0,0 +1,14 @@
+import { useEffect as r } from "react";
+function f(e) {
+  r(() => {
+    if (!e || typeof document > "u") return;
+    const o = document.body, t = o.style.overflow;
+    return o.style.overflow = "hidden", () => {
+      o.style.overflow = t;
+    };
+  }, [e]);
+}
+export {
+  f as useScrollLock
+};
+//# sourceMappingURL=use-scroll-lock.js.map

package/dist/hooks/use-scroll-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-lock.js","sources":["../../src/hooks/use-scroll-lock.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\n/**\n * Lock `<body>` scroll while `active` is true. Restores the previous overflow\n * value on unmount. Safe to nest: stacks the restoration via a counter.\n */\nexport function useScrollLock(active: boolean): void {\n    useEffect(() => {\n        if (!active || typeof document === \"undefined\") return;\n        const body = document.body;\n        const previous = body.style.overflow;\n        body.style.overflow = \"hidden\";\n        return () => {\n            body.style.overflow = previous;\n        };\n    }, [active]);\n}\n"],"names":["useScrollLock","active","useEffect","body","previous"],"mappings":";AAMO,SAASA,EAAcC,GAAuB;AACjD,EAAAC,EAAU,MAAM;AACZ,QAAI,CAACD,KAAU,OAAO,WAAa,IAAa;AAChD,UAAME,IAAO,SAAS,MAChBC,IAAWD,EAAK,MAAM;AAC5B,WAAAA,EAAK,MAAM,WAAW,UACf,MAAM;AACT,MAAAA,EAAK,MAAM,WAAWC;AAAA,IAC1B;AAAA,EACJ,GAAG,CAACH,CAAM,CAAC;AACf;"}

package/dist/hooks/use-service-worker-update.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("../sw/register-service-worker.cjs");function v(n){const[s,u]=t.useState(!1),[l,i]=t.useState(null),a=t.useRef(null),o=t.useRef(n);o.current=n,t.useEffect(()=>{let r=!1;return c.registerServiceWorker({...o.current,onUpdate:(e,f)=>{a.current=e,i(f),u(!0)},onReady:e=>{r||(i(e),e.waiting&&navigator.serviceWorker.controller&&(a.current=e.waiting,u(!0)),o.current.onReady?.(e))}}).then(e=>{!r&&e&&i(e)}),()=>{r=!0}},[n.url]);const d=t.useCallback(()=>{const r=a.current;if(!r||typeof navigator>"u")return;let e=!1;navigator.serviceWorker.addEventListener("controllerchange",()=>{e||(e=!0,window.location.reload())}),c.skipWaiting(r)},[]);return{updateAvailable:s,applyUpdate:d,registration:l}}exports.useServiceWorkerUpdate=v;
+//# sourceMappingURL=use-service-worker-update.cjs.map

package/dist/hooks/use-service-worker-update.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-service-worker-update.cjs","sources":["../../src/hooks/use-service-worker-update.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n    registerServiceWorker,\n    skipWaiting,\n    type RegisterServiceWorkerOptions,\n} from \"../sw/register-service-worker\";\n\n/**\n * Options for {@link useServiceWorkerUpdate}. Mirrors the registration options\n * minus the callbacks the hook owns internally (`onUpdate`); `onReady` and\n * `onError` still pass through for host-side logging.\n *\n * Leave `autoUpdate` off (the default): this hook exists to hand the reload\n * decision to the user, so a silent auto-reload would defeat the prompt.\n */\nexport type UseServiceWorkerUpdateOptions = Omit<RegisterServiceWorkerOptions, \"onUpdate\">;\n\n/** Reactive service-worker update state plus the apply action. */\nexport interface UseServiceWorkerUpdateResult {\n    /** `true` once a new worker has installed and is waiting to activate. */\n    updateAvailable: boolean;\n    /**\n     * Activate the waiting worker and reload the page once it takes control.\n     * No-op when no update is waiting.\n     */\n    applyUpdate: () => void;\n    /** The active registration, or `null` before it resolves / when unsupported. */\n    registration: ServiceWorkerRegistration | null;\n}\n\n/**\n * Register a service worker and expose a user-driven update flow.\n *\n * Wraps {@link registerServiceWorker}: when a fresh worker finishes installing\n * while the page is still controlled by the old one, `updateAvailable` flips to\n * `true`. Call `applyUpdate` — typically from an \"atualizar\" toast — to tell the\n * waiting worker to activate and reload the page once it takes control.\n *\n * Skips cleanly when the runtime has no service-worker support (`registration`\n * stays `null`, `updateAvailable` stays `false`).\n *\n * @param options - Registration options (`url` required); `autoUpdate` should\n *   stay off so the reload is user-confirmed.\n * @returns The update state and `applyUpdate` action.\n *\n * @example\n * const { updateAvailable, applyUpdate } = useServiceWorkerUpdate({ url: \"/sw.js\" });\n * return (\n *     <UpdatePrompt open={updateAvailable} onUpdate={applyUpdate} />\n * );\n */\nexport function useServiceWorkerUpdate(\n    options: UseServiceWorkerUpdateOptions,\n): UseServiceWorkerUpdateResult {\n    const [updateAvailable, setUpdateAvailable] = useState<boolean>(false);\n    const [registration, setRegistration] = useState<ServiceWorkerRegistration | null>(null);\n    const waitingRef = useRef<ServiceWorker | null>(null);\n\n    const optionsRef = useRef(options);\n    optionsRef.current = options;\n\n    useEffect(() => {\n        let cancelled = false;\n        void registerServiceWorker({\n            ...optionsRef.current,\n            onUpdate: (waiting, reg) => {\n                waitingRef.current = waiting;\n                setRegistration(reg);\n                setUpdateAvailable(true);\n            },\n            onReady: (reg) => {\n                if (cancelled) return;\n                setRegistration(reg);\n                if (reg.waiting && navigator.serviceWorker.controller) {\n                    waitingRef.current = reg.waiting;\n                    setUpdateAvailable(true);\n                }\n                optionsRef.current.onReady?.(reg);\n            },\n        }).then((reg) => {\n            if (!cancelled && reg) setRegistration(reg);\n        });\n        return () => {\n            cancelled = true;\n        };\n    }, [options.url]);\n\n    const applyUpdate = useCallback(() => {\n        const waiting = waitingRef.current;\n        if (!waiting || typeof navigator === \"undefined\") return;\n        let reloading = false;\n        navigator.serviceWorker.addEventListener(\"controllerchange\", () => {\n            if (reloading) return;\n            reloading = true;\n            window.location.reload();\n        });\n        skipWaiting(waiting);\n    }, []);\n\n    return { updateAvailable, applyUpdate, registration };\n}\n"],"names":["useServiceWorkerUpdate","options","updateAvailable","setUpdateAvailable","useState","registration","setRegistration","waitingRef","useRef","optionsRef","useEffect","cancelled","registerServiceWorker","waiting","reg","applyUpdate","useCallback","reloading","skipWaiting"],"mappings":"wJAmDO,SAASA,EACZC,EAC4B,CAC5B,KAAM,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAkB,EAAK,EAC/D,CAACC,EAAcC,CAAe,EAAIF,EAAAA,SAA2C,IAAI,EACjFG,EAAaC,EAAAA,OAA6B,IAAI,EAE9CC,EAAaD,EAAAA,OAAOP,CAAO,EACjCQ,EAAW,QAAUR,EAErBS,EAAAA,UAAU,IAAM,CACZ,IAAIC,EAAY,GAChB,OAAKC,wBAAsB,CACvB,GAAGH,EAAW,QACd,SAAU,CAACI,EAASC,IAAQ,CACxBP,EAAW,QAAUM,EACrBP,EAAgBQ,CAAG,EACnBX,EAAmB,EAAI,CAC3B,EACA,QAAUW,GAAQ,CACVH,IACJL,EAAgBQ,CAAG,EACfA,EAAI,SAAW,UAAU,cAAc,aACvCP,EAAW,QAAUO,EAAI,QACzBX,EAAmB,EAAI,GAE3BM,EAAW,QAAQ,UAAUK,CAAG,EACpC,CAAA,CACH,EAAE,KAAMA,GAAQ,CACT,CAACH,GAAaG,GAAKR,EAAgBQ,CAAG,CAC9C,CAAC,EACM,IAAM,CACTH,EAAY,EAChB,CACJ,EAAG,CAACV,EAAQ,GAAG,CAAC,EAEhB,MAAMc,EAAcC,EAAAA,YAAY,IAAM,CAClC,MAAMH,EAAUN,EAAW,QAC3B,GAAI,CAACM,GAAW,OAAO,UAAc,IAAa,OAClD,IAAII,EAAY,GAChB,UAAU,cAAc,iBAAiB,mBAAoB,IAAM,CAC3DA,IACJA,EAAY,GACZ,OAAO,SAAS,OAAA,EACpB,CAAC,EACDC,EAAAA,YAAYL,CAAO,CACvB,EAAG,CAAA,CAAE,EAEL,MAAO,CAAE,gBAAAX,EAAiB,YAAAa,EAAa,aAAAV,CAAA,CAC3C"}

package/dist/hooks/use-service-worker-update.js

@@ -0,0 +1,34 @@
+import { useState as l, useRef as u, useEffect as p, useCallback as v } from "react";
+import { registerServiceWorker as g, skipWaiting as k } from "../sw/register-service-worker.js";
+function W(r) {
+  const [c, o] = l(!1), [s, n] = l(null), i = u(null), a = u(r);
+  a.current = r, p(() => {
+    let t = !1;
+    return g({
+      ...a.current,
+      onUpdate: (e, d) => {
+        i.current = e, n(d), o(!0);
+      },
+      onReady: (e) => {
+        t || (n(e), e.waiting && navigator.serviceWorker.controller && (i.current = e.waiting, o(!0)), a.current.onReady?.(e));
+      }
+    }).then((e) => {
+      !t && e && n(e);
+    }), () => {
+      t = !0;
+    };
+  }, [r.url]);
+  const f = v(() => {
+    const t = i.current;
+    if (!t || typeof navigator > "u") return;
+    let e = !1;
+    navigator.serviceWorker.addEventListener("controllerchange", () => {
+      e || (e = !0, window.location.reload());
+    }), k(t);
+  }, []);
+  return { updateAvailable: c, applyUpdate: f, registration: s };
+}
+export {
+  W as useServiceWorkerUpdate
+};
+//# sourceMappingURL=use-service-worker-update.js.map