rothzerg-ui 0.1.0

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+/**
+ * Call `handler` when a click/touch occurs outside the given ref element.
+ *
+ * @example
+ * const ref = useRef<HTMLDivElement>(null);
+ * useClickOutside(ref, () => setOpen(false));
+ */
+export declare function useClickOutside<T extends HTMLElement>(ref: RefObject<T | null>, handler: (event: MouseEvent | TouchEvent) => void): 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":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EACnD,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EACxB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,GAChD,IAAI,CAaN"}

package/dist/hooks/useClickOutside.js

@@ -0,0 +1,19 @@
+import { useEffect } from "react";
+function useClickOutside(ref, handler) {
+  useEffect(() => {
+    const listener = (e) => {
+      if (!ref.current || ref.current.contains(e.target)) return;
+      handler(e);
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [ref, handler]);
+}
+export {
+  useClickOutside
+};
+//# sourceMappingURL=useClickOutside.js.map

package/dist/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, RefObject } from 'react';\n\n/**\n * Call `handler` when a click/touch occurs outside the given ref element.\n *\n * @example\n * const ref = useRef<HTMLDivElement>(null);\n * useClickOutside(ref, () => setOpen(false));\n */\nexport function useClickOutside<T extends HTMLElement>(\n  ref: RefObject<T | null>,\n  handler: (event: MouseEvent | TouchEvent) => void,\n): void {\n  useEffect(() => {\n    const listener = (e: MouseEvent | TouchEvent) => {\n      if (!ref.current || ref.current.contains(e.target as Node)) return;\n      handler(e);\n    };\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [ref, handler]);\n}\n"],"names":[],"mappings":";AASO,SAAS,gBACd,KACA,SACM;AACN,YAAU,MAAM;AACd,UAAM,WAAW,CAAC,MAA+B;AAC/C,UAAI,CAAC,IAAI,WAAW,IAAI,QAAQ,SAAS,EAAE,MAAc,EAAG;AAC5D,cAAQ,CAAC;AAAA,IACX;AACA,aAAS,iBAAiB,aAAa,QAAQ;AAC/C,aAAS,iBAAiB,cAAc,QAAQ;AAChD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,QAAQ;AAClD,eAAS,oBAAoB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AACnB;"}

package/dist/hooks/useClipboard.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function useClipboard(resetDelay = 2e3) {
+  const [copied, setCopied] = React.useState(false);
+  const copy = React.useCallback(async (text) => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), resetDelay);
+    } catch {
+      setCopied(false);
+    }
+  }, [resetDelay]);
+  return { copy, copied };
+}
+exports.useClipboard = useClipboard;
+//# sourceMappingURL=useClipboard.cjs.map

package/dist/hooks/useClipboard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClipboard.cjs","sources":["../../src/hooks/useClipboard.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\n/**\n * Copy text to clipboard with a timed \"copied\" state.\n *\n * @example\n * const { copy, copied } = useClipboard();\n * <button onClick={() => copy('Hello!')}>{copied ? 'Copied!' : 'Copy'}</button>\n */\nexport function useClipboard(resetDelay = 2000): {\n  copy: (text: string) => Promise<void>;\n  copied: boolean;\n} {\n  const [copied, setCopied] = useState(false);\n\n  const copy = useCallback(async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setTimeout(() => setCopied(false), resetDelay);\n    } catch {\n      setCopied(false);\n    }\n  }, [resetDelay]);\n\n  return { copy, copied };\n}\n"],"names":["useState","useCallback"],"mappings":";;;AASO,SAAS,aAAa,aAAa,KAGxC;AACA,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,KAAK;AAE1C,QAAM,OAAOC,kBAAY,OAAO,SAAiB;AAC/C,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,UAAU;AAAA,IAC/C,QAAQ;AACN,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,MAAM,OAAA;AACjB;;"}

package/dist/hooks/useClipboard.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copy text to clipboard with a timed "copied" state.
+ *
+ * @example
+ * const { copy, copied } = useClipboard();
+ * <button onClick={() => copy('Hello!')}>{copied ? 'Copied!' : 'Copy'}</button>
+ */
+export declare function useClipboard(resetDelay?: number): {
+    copy: (text: string) => Promise<void>;
+    copied: boolean;
+};
+//# sourceMappingURL=useClipboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClipboard.d.ts","sourceRoot":"","sources":["../../src/hooks/useClipboard.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,UAAU,SAAO,GAAG;IAC/C,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,EAAE,OAAO,CAAC;CACjB,CAcA"}

package/dist/hooks/useClipboard.js

@@ -0,0 +1,18 @@
+import { useState, useCallback } from "react";
+function useClipboard(resetDelay = 2e3) {
+  const [copied, setCopied] = useState(false);
+  const copy = useCallback(async (text) => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), resetDelay);
+    } catch {
+      setCopied(false);
+    }
+  }, [resetDelay]);
+  return { copy, copied };
+}
+export {
+  useClipboard
+};
+//# sourceMappingURL=useClipboard.js.map

package/dist/hooks/useClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClipboard.js","sources":["../../src/hooks/useClipboard.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\n/**\n * Copy text to clipboard with a timed \"copied\" state.\n *\n * @example\n * const { copy, copied } = useClipboard();\n * <button onClick={() => copy('Hello!')}>{copied ? 'Copied!' : 'Copy'}</button>\n */\nexport function useClipboard(resetDelay = 2000): {\n  copy: (text: string) => Promise<void>;\n  copied: boolean;\n} {\n  const [copied, setCopied] = useState(false);\n\n  const copy = useCallback(async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setTimeout(() => setCopied(false), resetDelay);\n    } catch {\n      setCopied(false);\n    }\n  }, [resetDelay]);\n\n  return { copy, copied };\n}\n"],"names":[],"mappings":";AASO,SAAS,aAAa,aAAa,KAGxC;AACA,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,OAAO,YAAY,OAAO,SAAiB;AAC/C,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,UAAU;AAAA,IAC/C,QAAQ;AACN,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,MAAM,OAAA;AACjB;"}

package/dist/hooks/useCounter.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function useCounter(initial = 0, options = {}) {
+  const { min = -Infinity, max = Infinity } = options;
+  const [count, setCount] = React.useState(initial);
+  const clamp = (n) => Math.min(Math.max(n, min), max);
+  const increment = React.useCallback(() => setCount((c) => clamp(c + 1)), [min, max]);
+  const decrement = React.useCallback(() => setCount((c) => clamp(c - 1)), [min, max]);
+  const reset = React.useCallback(() => setCount(initial), [initial]);
+  const set = React.useCallback((n) => setCount(clamp(n)), [min, max]);
+  return { count, increment, decrement, reset, set };
+}
+exports.useCounter = useCounter;
+//# sourceMappingURL=useCounter.cjs.map

package/dist/hooks/useCounter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCounter.cjs","sources":["../../src/hooks/useCounter.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport interface UseCounterReturn {\n  count: number;\n  increment: () => void;\n  decrement: () => void;\n  reset: () => void;\n  set: (n: number) => void;\n}\n\n/**\n * Numeric counter with increment/decrement/reset helpers.\n *\n * @example\n * const { count, increment, decrement, reset } = useCounter(0);\n */\nexport function useCounter(initial = 0, options: { min?: number; max?: number } = {}): UseCounterReturn {\n  const { min = -Infinity, max = Infinity } = options;\n  const [count, setCount] = useState(initial);\n\n  const clamp = (n: number) => Math.min(Math.max(n, min), max);\n  const increment = useCallback(() => setCount((c) => clamp(c + 1)), [min, max]);\n  const decrement = useCallback(() => setCount((c) => clamp(c - 1)), [min, max]);\n  const reset = useCallback(() => setCount(initial), [initial]);\n  const set = useCallback((n: number) => setCount(clamp(n)), [min, max]);\n\n  return { count, increment, decrement, reset, set };\n}\n"],"names":["useState","useCallback"],"mappings":";;;AAgBO,SAAS,WAAW,UAAU,GAAG,UAA0C,CAAA,GAAsB;AACtG,QAAM,EAAE,MAAM,WAAW,MAAM,aAAa;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAS,OAAO;AAE1C,QAAM,QAAQ,CAAC,MAAc,KAAK,IAAI,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG;AAC3D,QAAM,YAAYC,MAAAA,YAAY,MAAM,SAAS,CAAC,MAAM,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;AAC7E,QAAM,YAAYA,MAAAA,YAAY,MAAM,SAAS,CAAC,MAAM,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;AAC7E,QAAM,QAAQA,MAAAA,YAAY,MAAM,SAAS,OAAO,GAAG,CAAC,OAAO,CAAC;AAC5D,QAAM,MAAMA,MAAAA,YAAY,CAAC,MAAc,SAAS,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;AAErE,SAAO,EAAE,OAAO,WAAW,WAAW,OAAO,IAAA;AAC/C;;"}

package/dist/hooks/useCounter.d.ts

@@ -0,0 +1,18 @@
+export interface UseCounterReturn {
+    count: number;
+    increment: () => void;
+    decrement: () => void;
+    reset: () => void;
+    set: (n: number) => void;
+}
+/**
+ * Numeric counter with increment/decrement/reset helpers.
+ *
+ * @example
+ * const { count, increment, decrement, reset } = useCounter(0);
+ */
+export declare function useCounter(initial?: number, options?: {
+    min?: number;
+    max?: number;
+}): UseCounterReturn;
+//# sourceMappingURL=useCounter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCounter.d.ts","sourceRoot":"","sources":["../../src/hooks/useCounter.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,OAAO,SAAI,EAAE,OAAO,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAO,GAAG,gBAAgB,CAWtG"}

package/dist/hooks/useCounter.js

@@ -0,0 +1,15 @@
+import { useState, useCallback } from "react";
+function useCounter(initial = 0, options = {}) {
+  const { min = -Infinity, max = Infinity } = options;
+  const [count, setCount] = useState(initial);
+  const clamp = (n) => Math.min(Math.max(n, min), max);
+  const increment = useCallback(() => setCount((c) => clamp(c + 1)), [min, max]);
+  const decrement = useCallback(() => setCount((c) => clamp(c - 1)), [min, max]);
+  const reset = useCallback(() => setCount(initial), [initial]);
+  const set = useCallback((n) => setCount(clamp(n)), [min, max]);
+  return { count, increment, decrement, reset, set };
+}
+export {
+  useCounter
+};
+//# sourceMappingURL=useCounter.js.map

package/dist/hooks/useCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCounter.js","sources":["../../src/hooks/useCounter.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nexport interface UseCounterReturn {\n  count: number;\n  increment: () => void;\n  decrement: () => void;\n  reset: () => void;\n  set: (n: number) => void;\n}\n\n/**\n * Numeric counter with increment/decrement/reset helpers.\n *\n * @example\n * const { count, increment, decrement, reset } = useCounter(0);\n */\nexport function useCounter(initial = 0, options: { min?: number; max?: number } = {}): UseCounterReturn {\n  const { min = -Infinity, max = Infinity } = options;\n  const [count, setCount] = useState(initial);\n\n  const clamp = (n: number) => Math.min(Math.max(n, min), max);\n  const increment = useCallback(() => setCount((c) => clamp(c + 1)), [min, max]);\n  const decrement = useCallback(() => setCount((c) => clamp(c - 1)), [min, max]);\n  const reset = useCallback(() => setCount(initial), [initial]);\n  const set = useCallback((n: number) => setCount(clamp(n)), [min, max]);\n\n  return { count, increment, decrement, reset, set };\n}\n"],"names":[],"mappings":";AAgBO,SAAS,WAAW,UAAU,GAAG,UAA0C,CAAA,GAAsB;AACtG,QAAM,EAAE,MAAM,WAAW,MAAM,aAAa;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,OAAO;AAE1C,QAAM,QAAQ,CAAC,MAAc,KAAK,IAAI,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG;AAC3D,QAAM,YAAY,YAAY,MAAM,SAAS,CAAC,MAAM,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;AAC7E,QAAM,YAAY,YAAY,MAAM,SAAS,CAAC,MAAM,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;AAC7E,QAAM,QAAQ,YAAY,MAAM,SAAS,OAAO,GAAG,CAAC,OAAO,CAAC;AAC5D,QAAM,MAAM,YAAY,CAAC,MAAc,SAAS,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC;AAErE,SAAO,EAAE,OAAO,WAAW,WAAW,OAAO,IAAA;AAC/C;"}

package/dist/hooks/useDebounce.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function useDebounce(value, delay) {
+  const [debounced, setDebounced] = React.useState(value);
+  React.useEffect(() => {
+    const timer = setTimeout(() => setDebounced(value), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+  return debounced;
+}
+exports.useDebounce = useDebounce;
+//# sourceMappingURL=useDebounce.cjs.map

package/dist/hooks/useDebounce.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.cjs","sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * Debounce a value — returns the value only after `delay` ms of inactivity.\n *\n * @example\n * const debouncedQuery = useDebounce(searchQuery, 300);\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debounced, setDebounced] = useState(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebounced(value), delay);\n    return () => clearTimeout(timer);\n  }, [value, delay]);\n\n  return debounced;\n}\n"],"names":["useState","useEffect"],"mappings":";;;AAQO,SAAS,YAAe,OAAU,OAAkB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAS,KAAK;AAEhDC,QAAAA,UAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,aAAa,KAAK,GAAG,KAAK;AACzD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,OAAO,KAAK,CAAC;AAEjB,SAAO;AACT;;"}

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Debounce a value — returns the value only after `delay` ms of inactivity.
+ *
+ * @example
+ * const debouncedQuery = useDebounce(searchQuery, 300);
+ */
+export declare function useDebounce<T>(value: T, delay: number): T;
+//# sourceMappingURL=useDebounce.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CASzD"}

package/dist/hooks/useDebounce.js

@@ -0,0 +1,13 @@
+import { useState, useEffect } from "react";
+function useDebounce(value, delay) {
+  const [debounced, setDebounced] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => setDebounced(value), delay);
+    return () => clearTimeout(timer);
+  }, [value, delay]);
+  return debounced;
+}
+export {
+  useDebounce
+};
+//# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * Debounce a value — returns the value only after `delay` ms of inactivity.\n *\n * @example\n * const debouncedQuery = useDebounce(searchQuery, 300);\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debounced, setDebounced] = useState(value);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebounced(value), delay);\n    return () => clearTimeout(timer);\n  }, [value, delay]);\n\n  return debounced;\n}\n"],"names":[],"mappings":";AAQO,SAAS,YAAe,OAAU,OAAkB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,aAAa,KAAK,GAAG,KAAK;AACzD,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,OAAO,KAAK,CAAC;AAEjB,SAAO;AACT;"}

package/dist/hooks/useEventListener.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function useEventListener(event, handler, target, options) {
+  const savedHandler = React.useRef(handler);
+  savedHandler.current = handler;
+  React.useEffect(() => {
+    const el = (target == null ? void 0 : target.current) ?? window;
+    const listener = (e) => savedHandler.current(e);
+    el.addEventListener(event, listener, options);
+    return () => el.removeEventListener(event, listener, options);
+  }, [event, target, options == null ? void 0 : options.capture, options == null ? void 0 : options.passive, options == null ? void 0 : options.once]);
+}
+exports.useEventListener = useEventListener;
+//# sourceMappingURL=useEventListener.cjs.map

package/dist/hooks/useEventListener.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.cjs","sources":["../../src/hooks/useEventListener.ts"],"sourcesContent":["import { useEffect, useRef, RefObject } from 'react';\n\n/**\n * Attach a DOM event listener to a target, auto-removed on unmount.\n *\n * @example\n * useEventListener('keydown', (e) => console.log(e.key));\n * useEventListener('click', handler, buttonRef);\n */\nexport function useEventListener<K extends keyof WindowEventMap>(\n  event: K,\n  handler: (e: WindowEventMap[K]) => void,\n  target?: RefObject<HTMLElement | null> | null,\n  options?: AddEventListenerOptions,\n): void {\n  const savedHandler = useRef(handler);\n  savedHandler.current = handler;\n\n  useEffect(() => {\n    const el: EventTarget = target?.current ?? window;\n    const listener = (e: Event) => savedHandler.current(e as WindowEventMap[K]);\n    el.addEventListener(event, listener, options);\n    return () => el.removeEventListener(event, listener, options);\n  }, [event, target, options?.capture, options?.passive, options?.once]);\n}\n"],"names":["useRef","useEffect"],"mappings":";;;AASO,SAAS,iBACd,OACA,SACA,QACA,SACM;AACN,QAAM,eAAeA,MAAAA,OAAO,OAAO;AACnC,eAAa,UAAU;AAEvBC,QAAAA,UAAU,MAAM;AACd,UAAM,MAAkB,iCAAQ,YAAW;AAC3C,UAAM,WAAW,CAAC,MAAa,aAAa,QAAQ,CAAsB;AAC1E,OAAG,iBAAiB,OAAO,UAAU,OAAO;AAC5C,WAAO,MAAM,GAAG,oBAAoB,OAAO,UAAU,OAAO;AAAA,EAC9D,GAAG,CAAC,OAAO,QAAQ,mCAAS,SAAS,mCAAS,SAAS,mCAAS,IAAI,CAAC;AACvE;;"}

package/dist/hooks/useEventListener.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+/**
+ * Attach a DOM event listener to a target, auto-removed on unmount.
+ *
+ * @example
+ * useEventListener('keydown', (e) => console.log(e.key));
+ * useEventListener('click', handler, buttonRef);
+ */
+export declare function useEventListener<K extends keyof WindowEventMap>(event: K, handler: (e: WindowEventMap[K]) => void, target?: RefObject<HTMLElement | null> | null, options?: AddEventListenerOptions): void;
+//# sourceMappingURL=useEventListener.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,cAAc,EAC7D,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EACvC,MAAM,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,EAC7C,OAAO,CAAC,EAAE,uBAAuB,GAChC,IAAI,CAUN"}

package/dist/hooks/useEventListener.js

@@ -0,0 +1,15 @@
+import { useRef, useEffect } from "react";
+function useEventListener(event, handler, target, options) {
+  const savedHandler = useRef(handler);
+  savedHandler.current = handler;
+  useEffect(() => {
+    const el = (target == null ? void 0 : target.current) ?? window;
+    const listener = (e) => savedHandler.current(e);
+    el.addEventListener(event, listener, options);
+    return () => el.removeEventListener(event, listener, options);
+  }, [event, target, options == null ? void 0 : options.capture, options == null ? void 0 : options.passive, options == null ? void 0 : options.once]);
+}
+export {
+  useEventListener
+};
+//# sourceMappingURL=useEventListener.js.map

package/dist/hooks/useEventListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.js","sources":["../../src/hooks/useEventListener.ts"],"sourcesContent":["import { useEffect, useRef, RefObject } from 'react';\n\n/**\n * Attach a DOM event listener to a target, auto-removed on unmount.\n *\n * @example\n * useEventListener('keydown', (e) => console.log(e.key));\n * useEventListener('click', handler, buttonRef);\n */\nexport function useEventListener<K extends keyof WindowEventMap>(\n  event: K,\n  handler: (e: WindowEventMap[K]) => void,\n  target?: RefObject<HTMLElement | null> | null,\n  options?: AddEventListenerOptions,\n): void {\n  const savedHandler = useRef(handler);\n  savedHandler.current = handler;\n\n  useEffect(() => {\n    const el: EventTarget = target?.current ?? window;\n    const listener = (e: Event) => savedHandler.current(e as WindowEventMap[K]);\n    el.addEventListener(event, listener, options);\n    return () => el.removeEventListener(event, listener, options);\n  }, [event, target, options?.capture, options?.passive, options?.once]);\n}\n"],"names":[],"mappings":";AASO,SAAS,iBACd,OACA,SACA,QACA,SACM;AACN,QAAM,eAAe,OAAO,OAAO;AACnC,eAAa,UAAU;AAEvB,YAAU,MAAM;AACd,UAAM,MAAkB,iCAAQ,YAAW;AAC3C,UAAM,WAAW,CAAC,MAAa,aAAa,QAAQ,CAAsB;AAC1E,OAAG,iBAAiB,OAAO,UAAU,OAAO;AAC5C,WAAO,MAAM,GAAG,oBAAoB,OAAO,UAAU,OAAO;AAAA,EAC9D,GAAG,CAAC,OAAO,QAAQ,mCAAS,SAAS,mCAAS,SAAS,mCAAS,IAAI,CAAC;AACvE;"}

package/dist/hooks/useFetch.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function useFetch(url, options) {
+  const [data, setData] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [tick, setTick] = React.useState(0);
+  const optionsRef = React.useRef(options);
+  optionsRef.current = options;
+  React.useEffect(() => {
+    const controller = new AbortController();
+    setLoading(true);
+    setError(null);
+    fetch(url, { ...optionsRef.current, signal: controller.signal }).then((res) => {
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      return res.json();
+    }).then((json) => {
+      setData(json);
+      setLoading(false);
+    }).catch((err) => {
+      if (err.name !== "AbortError") {
+        setError(err);
+        setLoading(false);
+      }
+    });
+    return () => controller.abort();
+  }, [url, tick]);
+  const refetch = () => setTick((t) => t + 1);
+  return { data, loading, error, refetch };
+}
+exports.useFetch = useFetch;
+//# sourceMappingURL=useFetch.cjs.map

package/dist/hooks/useFetch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetch.cjs","sources":["../../src/hooks/useFetch.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\nexport interface UseFetchResult<T> {\n  data: T | null;\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\n/**\n * Simple data fetching with loading/error state and auto-abort on unmount.\n *\n * @example\n * const { data, loading, error } = useFetch<User[]>('/api/users');\n */\nexport function useFetch<T>(url: string, options?: RequestInit): UseFetchResult<T> {\n  const [data, setData] = useState<T | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [tick, setTick] = useState(0);\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n\n  useEffect(() => {\n    const controller = new AbortController();\n    setLoading(true);\n    setError(null);\n\n    fetch(url, { ...optionsRef.current, signal: controller.signal })\n      .then((res) => {\n        if (!res.ok) throw new Error(`HTTP ${res.status}`);\n        return res.json() as Promise<T>;\n      })\n      .then((json) => {\n        setData(json);\n        setLoading(false);\n      })\n      .catch((err: Error) => {\n        if (err.name !== 'AbortError') {\n          setError(err);\n          setLoading(false);\n        }\n      });\n\n    return () => controller.abort();\n  }, [url, tick]);\n\n  const refetch = () => setTick((t) => t + 1);\n\n  return { data, loading, error, refetch };\n}\n"],"names":["useState","useRef","useEffect"],"mappings":";;;AAeO,SAAS,SAAY,KAAa,SAA0C;AACjF,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAmB,IAAI;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,IAAI;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAAuB,IAAI;AACrD,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAS,CAAC;AAClC,QAAM,aAAaC,MAAAA,OAAO,OAAO;AACjC,aAAW,UAAU;AAErBC,QAAAA,UAAU,MAAM;AACd,UAAM,aAAa,IAAI,gBAAA;AACvB,eAAW,IAAI;AACf,aAAS,IAAI;AAEb,UAAM,KAAK,EAAE,GAAG,WAAW,SAAS,QAAQ,WAAW,OAAA,CAAQ,EAC5D,KAAK,CAAC,QAAQ;AACb,UAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,QAAQ,IAAI,MAAM,EAAE;AACjD,aAAO,IAAI,KAAA;AAAA,IACb,CAAC,EACA,KAAK,CAAC,SAAS;AACd,cAAQ,IAAI;AACZ,iBAAW,KAAK;AAAA,IAClB,CAAC,EACA,MAAM,CAAC,QAAe;AACrB,UAAI,IAAI,SAAS,cAAc;AAC7B,iBAAS,GAAG;AACZ,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC;AAEH,WAAO,MAAM,WAAW,MAAA;AAAA,EAC1B,GAAG,CAAC,KAAK,IAAI,CAAC;AAEd,QAAM,UAAU,MAAM,QAAQ,CAAC,MAAM,IAAI,CAAC;AAE1C,SAAO,EAAE,MAAM,SAAS,OAAO,QAAA;AACjC;;"}

package/dist/hooks/useFetch.d.ts

@@ -0,0 +1,14 @@
+export interface UseFetchResult<T> {
+    data: T | null;
+    loading: boolean;
+    error: Error | null;
+    refetch: () => void;
+}
+/**
+ * Simple data fetching with loading/error state and auto-abort on unmount.
+ *
+ * @example
+ * const { data, loading, error } = useFetch<User[]>('/api/users');
+ */
+export declare function useFetch<T>(url: string, options?: RequestInit): UseFetchResult<T>;
+//# sourceMappingURL=useFetch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFetch.d.ts","sourceRoot":"","sources":["../../src/hooks/useFetch.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,CAmCjF"}

package/dist/hooks/useFetch.js

@@ -0,0 +1,33 @@
+import { useState, useRef, useEffect } from "react";
+function useFetch(url, options) {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [tick, setTick] = useState(0);
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+  useEffect(() => {
+    const controller = new AbortController();
+    setLoading(true);
+    setError(null);
+    fetch(url, { ...optionsRef.current, signal: controller.signal }).then((res) => {
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      return res.json();
+    }).then((json) => {
+      setData(json);
+      setLoading(false);
+    }).catch((err) => {
+      if (err.name !== "AbortError") {
+        setError(err);
+        setLoading(false);
+      }
+    });
+    return () => controller.abort();
+  }, [url, tick]);
+  const refetch = () => setTick((t) => t + 1);
+  return { data, loading, error, refetch };
+}
+export {
+  useFetch
+};
+//# sourceMappingURL=useFetch.js.map

package/dist/hooks/useFetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetch.js","sources":["../../src/hooks/useFetch.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\nexport interface UseFetchResult<T> {\n  data: T | null;\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\n/**\n * Simple data fetching with loading/error state and auto-abort on unmount.\n *\n * @example\n * const { data, loading, error } = useFetch<User[]>('/api/users');\n */\nexport function useFetch<T>(url: string, options?: RequestInit): UseFetchResult<T> {\n  const [data, setData] = useState<T | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [tick, setTick] = useState(0);\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n\n  useEffect(() => {\n    const controller = new AbortController();\n    setLoading(true);\n    setError(null);\n\n    fetch(url, { ...optionsRef.current, signal: controller.signal })\n      .then((res) => {\n        if (!res.ok) throw new Error(`HTTP ${res.status}`);\n        return res.json() as Promise<T>;\n      })\n      .then((json) => {\n        setData(json);\n        setLoading(false);\n      })\n      .catch((err: Error) => {\n        if (err.name !== 'AbortError') {\n          setError(err);\n          setLoading(false);\n        }\n      });\n\n    return () => controller.abort();\n  }, [url, tick]);\n\n  const refetch = () => setTick((t) => t + 1);\n\n  return { data, loading, error, refetch };\n}\n"],"names":[],"mappings":";AAeO,SAAS,SAAY,KAAa,SAA0C;AACjF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,IAAI;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,IAAI;AACrD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,aAAa,OAAO,OAAO;AACjC,aAAW,UAAU;AAErB,YAAU,MAAM;AACd,UAAM,aAAa,IAAI,gBAAA;AACvB,eAAW,IAAI;AACf,aAAS,IAAI;AAEb,UAAM,KAAK,EAAE,GAAG,WAAW,SAAS,QAAQ,WAAW,OAAA,CAAQ,EAC5D,KAAK,CAAC,QAAQ;AACb,UAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,QAAQ,IAAI,MAAM,EAAE;AACjD,aAAO,IAAI,KAAA;AAAA,IACb,CAAC,EACA,KAAK,CAAC,SAAS;AACd,cAAQ,IAAI;AACZ,iBAAW,KAAK;AAAA,IAClB,CAAC,EACA,MAAM,CAAC,QAAe;AACrB,UAAI,IAAI,SAAS,cAAc;AAC7B,iBAAS,GAAG;AACZ,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC;AAEH,WAAO,MAAM,WAAW,MAAA;AAAA,EAC1B,GAAG,CAAC,KAAK,IAAI,CAAC;AAEd,QAAM,UAAU,MAAM,QAAQ,CAAC,MAAM,IAAI,CAAC;AAE1C,SAAO,EAAE,MAAM,SAAS,OAAO,QAAA;AACjC;"}

package/dist/hooks/useFocus.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function useFocus() {
+  const ref = React.useRef(null);
+  const [focused, setFocused] = React.useState(false);
+  React.useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const focus = () => setFocused(true);
+    const blur = () => setFocused(false);
+    el.addEventListener("focus", focus);
+    el.addEventListener("blur", blur);
+    return () => {
+      el.removeEventListener("focus", focus);
+      el.removeEventListener("blur", blur);
+    };
+  }, []);
+  return [ref, focused];
+}
+exports.useFocus = useFocus;
+//# sourceMappingURL=useFocus.cjs.map

package/dist/hooks/useFocus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocus.cjs","sources":["../../src/hooks/useFocus.ts"],"sourcesContent":["import { useState, useRef, useEffect, RefObject } from 'react';\n\n/**\n * Detect if a ref element has focus.\n *\n * @example\n * const [ref, isFocused] = useFocus<HTMLInputElement>();\n * <input ref={ref} style={{ outline: isFocused ? '2px solid blue' : 'none' }} />\n */\nexport function useFocus<T extends HTMLElement>(): [RefObject<T | null>, boolean] {\n  const ref = useRef<T | null>(null);\n  const [focused, setFocused] = useState(false);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const focus = () => setFocused(true);\n    const blur = () => setFocused(false);\n    el.addEventListener('focus', focus);\n    el.addEventListener('blur', blur);\n    return () => {\n      el.removeEventListener('focus', focus);\n      el.removeEventListener('blur', blur);\n    };\n  }, []);\n\n  return [ref, focused];\n}\n"],"names":["useRef","useState","useEffect"],"mappings":";;;AASO,SAAS,WAAkE;AAChF,QAAM,MAAMA,MAAAA,OAAiB,IAAI;AACjC,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAE5CC,QAAAA,UAAU,MAAM;AACd,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AACT,UAAM,QAAQ,MAAM,WAAW,IAAI;AACnC,UAAM,OAAO,MAAM,WAAW,KAAK;AACnC,OAAG,iBAAiB,SAAS,KAAK;AAClC,OAAG,iBAAiB,QAAQ,IAAI;AAChC,WAAO,MAAM;AACX,SAAG,oBAAoB,SAAS,KAAK;AACrC,SAAG,oBAAoB,QAAQ,IAAI;AAAA,IACrC;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO,CAAC,KAAK,OAAO;AACtB;;"}

package/dist/hooks/useFocus.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+/**
+ * Detect if a ref element has focus.
+ *
+ * @example
+ * const [ref, isFocused] = useFocus<HTMLInputElement>();
+ * <input ref={ref} style={{ outline: isFocused ? '2px solid blue' : 'none' }} />
+ */
+export declare function useFocus<T extends HTMLElement>(): [RefObject<T | null>, boolean];
+//# sourceMappingURL=useFocus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFocus.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAkBhF"}

package/dist/hooks/useFocus.js

@@ -0,0 +1,22 @@
+import { useRef, useState, useEffect } from "react";
+function useFocus() {
+  const ref = useRef(null);
+  const [focused, setFocused] = useState(false);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const focus = () => setFocused(true);
+    const blur = () => setFocused(false);
+    el.addEventListener("focus", focus);
+    el.addEventListener("blur", blur);
+    return () => {
+      el.removeEventListener("focus", focus);
+      el.removeEventListener("blur", blur);
+    };
+  }, []);
+  return [ref, focused];
+}
+export {
+  useFocus
+};
+//# sourceMappingURL=useFocus.js.map

package/dist/hooks/useFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocus.js","sources":["../../src/hooks/useFocus.ts"],"sourcesContent":["import { useState, useRef, useEffect, RefObject } from 'react';\n\n/**\n * Detect if a ref element has focus.\n *\n * @example\n * const [ref, isFocused] = useFocus<HTMLInputElement>();\n * <input ref={ref} style={{ outline: isFocused ? '2px solid blue' : 'none' }} />\n */\nexport function useFocus<T extends HTMLElement>(): [RefObject<T | null>, boolean] {\n  const ref = useRef<T | null>(null);\n  const [focused, setFocused] = useState(false);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const focus = () => setFocused(true);\n    const blur = () => setFocused(false);\n    el.addEventListener('focus', focus);\n    el.addEventListener('blur', blur);\n    return () => {\n      el.removeEventListener('focus', focus);\n      el.removeEventListener('blur', blur);\n    };\n  }, []);\n\n  return [ref, focused];\n}\n"],"names":[],"mappings":";AASO,SAAS,WAAkE;AAChF,QAAM,MAAM,OAAiB,IAAI;AACjC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AACd,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AACT,UAAM,QAAQ,MAAM,WAAW,IAAI;AACnC,UAAM,OAAO,MAAM,WAAW,KAAK;AACnC,OAAG,iBAAiB,SAAS,KAAK;AAClC,OAAG,iBAAiB,QAAQ,IAAI;AAChC,WAAO,MAAM;AACX,SAAG,oBAAoB,SAAS,KAAK;AACrC,SAAG,oBAAoB,QAAQ,IAAI;AAAA,IACrC;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO,CAAC,KAAK,OAAO;AACtB;"}

package/dist/hooks/useHover.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function useHover() {
+  const ref = React.useRef(null);
+  const [hovered, setHovered] = React.useState(false);
+  React.useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const enter = () => setHovered(true);
+    const leave = () => setHovered(false);
+    el.addEventListener("mouseenter", enter);
+    el.addEventListener("mouseleave", leave);
+    return () => {
+      el.removeEventListener("mouseenter", enter);
+      el.removeEventListener("mouseleave", leave);
+    };
+  }, []);
+  return [ref, hovered];
+}
+exports.useHover = useHover;
+//# sourceMappingURL=useHover.cjs.map

package/dist/hooks/useHover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.cjs","sources":["../../src/hooks/useHover.ts"],"sourcesContent":["import { useState, useRef, useEffect, RefObject } from 'react';\n\n/**\n * Detect if a ref element is being hovered.\n *\n * @example\n * const [ref, isHovered] = useHover<HTMLDivElement>();\n * <div ref={ref}>{isHovered ? 'Hovering!' : 'Hover me'}</div>\n */\nexport function useHover<T extends HTMLElement>(): [RefObject<T | null>, boolean] {\n  const ref = useRef<T | null>(null);\n  const [hovered, setHovered] = useState(false);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const enter = () => setHovered(true);\n    const leave = () => setHovered(false);\n    el.addEventListener('mouseenter', enter);\n    el.addEventListener('mouseleave', leave);\n    return () => {\n      el.removeEventListener('mouseenter', enter);\n      el.removeEventListener('mouseleave', leave);\n    };\n  }, []);\n\n  return [ref, hovered];\n}\n"],"names":["useRef","useState","useEffect"],"mappings":";;;AASO,SAAS,WAAkE;AAChF,QAAM,MAAMA,MAAAA,OAAiB,IAAI;AACjC,QAAM,CAAC,SAAS,UAAU,IAAIC,MAAAA,SAAS,KAAK;AAE5CC,QAAAA,UAAU,MAAM;AACd,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AACT,UAAM,QAAQ,MAAM,WAAW,IAAI;AACnC,UAAM,QAAQ,MAAM,WAAW,KAAK;AACpC,OAAG,iBAAiB,cAAc,KAAK;AACvC,OAAG,iBAAiB,cAAc,KAAK;AACvC,WAAO,MAAM;AACX,SAAG,oBAAoB,cAAc,KAAK;AAC1C,SAAG,oBAAoB,cAAc,KAAK;AAAA,IAC5C;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO,CAAC,KAAK,OAAO;AACtB;;"}

package/dist/hooks/useHover.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+/**
+ * Detect if a ref element is being hovered.
+ *
+ * @example
+ * const [ref, isHovered] = useHover<HTMLDivElement>();
+ * <div ref={ref}>{isHovered ? 'Hovering!' : 'Hover me'}</div>
+ */
+export declare function useHover<T extends HTMLElement>(): [RefObject<T | null>, boolean];
+//# sourceMappingURL=useHover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/hooks/useHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAkBhF"}

package/dist/hooks/useHover.js

@@ -0,0 +1,22 @@
+import { useRef, useState, useEffect } from "react";
+function useHover() {
+  const ref = useRef(null);
+  const [hovered, setHovered] = useState(false);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const enter = () => setHovered(true);
+    const leave = () => setHovered(false);
+    el.addEventListener("mouseenter", enter);
+    el.addEventListener("mouseleave", leave);
+    return () => {
+      el.removeEventListener("mouseenter", enter);
+      el.removeEventListener("mouseleave", leave);
+    };
+  }, []);
+  return [ref, hovered];
+}
+export {
+  useHover
+};
+//# sourceMappingURL=useHover.js.map

package/dist/hooks/useHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.js","sources":["../../src/hooks/useHover.ts"],"sourcesContent":["import { useState, useRef, useEffect, RefObject } from 'react';\n\n/**\n * Detect if a ref element is being hovered.\n *\n * @example\n * const [ref, isHovered] = useHover<HTMLDivElement>();\n * <div ref={ref}>{isHovered ? 'Hovering!' : 'Hover me'}</div>\n */\nexport function useHover<T extends HTMLElement>(): [RefObject<T | null>, boolean] {\n  const ref = useRef<T | null>(null);\n  const [hovered, setHovered] = useState(false);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const enter = () => setHovered(true);\n    const leave = () => setHovered(false);\n    el.addEventListener('mouseenter', enter);\n    el.addEventListener('mouseleave', leave);\n    return () => {\n      el.removeEventListener('mouseenter', enter);\n      el.removeEventListener('mouseleave', leave);\n    };\n  }, []);\n\n  return [ref, hovered];\n}\n"],"names":[],"mappings":";AASO,SAAS,WAAkE;AAChF,QAAM,MAAM,OAAiB,IAAI;AACjC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AACd,UAAM,KAAK,IAAI;AACf,QAAI,CAAC,GAAI;AACT,UAAM,QAAQ,MAAM,WAAW,IAAI;AACnC,UAAM,QAAQ,MAAM,WAAW,KAAK;AACpC,OAAG,iBAAiB,cAAc,KAAK;AACvC,OAAG,iBAAiB,cAAc,KAAK;AACvC,WAAO,MAAM;AACX,SAAG,oBAAoB,cAAc,KAAK;AAC1C,SAAG,oBAAoB,cAAc,KAAK;AAAA,IAC5C;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO,CAAC,KAAK,OAAO;AACtB;"}

package/dist/hooks/useInterval.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function useInterval(callback, delay) {
+  const savedCallback = React.useRef(callback);
+  savedCallback.current = callback;
+  React.useEffect(() => {
+    if (delay === null) return;
+    const id = setInterval(() => savedCallback.current(), delay);
+    return () => clearInterval(id);
+  }, [delay]);
+}
+exports.useInterval = useInterval;
+//# sourceMappingURL=useInterval.cjs.map

package/dist/hooks/useInterval.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.cjs","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Run a callback on a repeating interval, auto-cleared on unmount.\n * Passing `null` as delay pauses the interval.\n *\n * @example\n * useInterval(() => setCount((c) => c + 1), 1000);\n * useInterval(fn, isRunning ? 500 : null); // pausable\n */\nexport function useInterval(callback: () => void, delay: number | null): void {\n  const savedCallback = useRef(callback);\n  savedCallback.current = callback;\n\n  useEffect(() => {\n    if (delay === null) return;\n    const id = setInterval(() => savedCallback.current(), delay);\n    return () => clearInterval(id);\n  }, [delay]);\n}\n"],"names":["useRef","useEffect"],"mappings":";;;AAUO,SAAS,YAAY,UAAsB,OAA4B;AAC5E,QAAM,gBAAgBA,MAAAA,OAAO,QAAQ;AACrC,gBAAc,UAAU;AAExBC,QAAAA,UAAU,MAAM;AACd,QAAI,UAAU,KAAM;AACpB,UAAM,KAAK,YAAY,MAAM,cAAc,QAAA,GAAW,KAAK;AAC3D,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,KAAK,CAAC;AACZ;;"}

package/dist/hooks/useInterval.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Run a callback on a repeating interval, auto-cleared on unmount.
+ * Passing `null` as delay pauses the interval.
+ *
+ * @example
+ * useInterval(() => setCount((c) => c + 1), 1000);
+ * useInterval(fn, isRunning ? 500 : null); // pausable
+ */
+export declare function useInterval(callback: () => void, delay: number | null): void;
+//# sourceMappingURL=useInterval.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../src/hooks/useInterval.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAS5E"}

package/dist/hooks/useInterval.js

@@ -0,0 +1,14 @@
+import { useRef, useEffect } from "react";
+function useInterval(callback, delay) {
+  const savedCallback = useRef(callback);
+  savedCallback.current = callback;
+  useEffect(() => {
+    if (delay === null) return;
+    const id = setInterval(() => savedCallback.current(), delay);
+    return () => clearInterval(id);
+  }, [delay]);
+}
+export {
+  useInterval
+};
+//# sourceMappingURL=useInterval.js.map

package/dist/hooks/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Run a callback on a repeating interval, auto-cleared on unmount.\n * Passing `null` as delay pauses the interval.\n *\n * @example\n * useInterval(() => setCount((c) => c + 1), 1000);\n * useInterval(fn, isRunning ? 500 : null); // pausable\n */\nexport function useInterval(callback: () => void, delay: number | null): void {\n  const savedCallback = useRef(callback);\n  savedCallback.current = callback;\n\n  useEffect(() => {\n    if (delay === null) return;\n    const id = setInterval(() => savedCallback.current(), delay);\n    return () => clearInterval(id);\n  }, [delay]);\n}\n"],"names":[],"mappings":";AAUO,SAAS,YAAY,UAAsB,OAA4B;AAC5E,QAAM,gBAAgB,OAAO,QAAQ;AACrC,gBAAc,UAAU;AAExB,YAAU,MAAM;AACd,QAAI,UAAU,KAAM;AACpB,UAAM,KAAK,YAAY,MAAM,cAAc,QAAA,GAAW,KAAK;AAC3D,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,KAAK,CAAC;AACZ;"}

package/dist/hooks/useIsMounted.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function useIsMounted() {
+  const isMounted = React.useRef(false);
+  React.useEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  return isMounted;
+}
+exports.useIsMounted = useIsMounted;
+//# sourceMappingURL=useIsMounted.cjs.map