@oneplatformdev/hooks 0.1.0-15 → 0.1.0-150

package/useDocumentTitle/useDocumentTitle.d.ts

@@ -0,0 +1,19 @@
+/** Hook options. */
+type UseDocumentTitleOptions = {
+    /** Whether to keep the title after unmounting the component (default is `true`). */
+    preserveTitleOnUnmount?: boolean;
+};
+/**
+ * Custom hook that sets the document title.
+ * @param {string} title - The title to set.
+ * @param {?UseDocumentTitleOptions} [options] - The options.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-document-title)
+ * @example
+ * ```tsx
+ * useDocumentTitle('My new title');
+ * ```
+ */
+export declare function useDocumentTitle(title: string, options?: UseDocumentTitleOptions): void;
+export {};
+//# sourceMappingURL=useDocumentTitle.d.ts.map

package/useDocumentTitle/useDocumentTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentTitle.d.ts","sourceRoot":"","sources":["../../src/useDocumentTitle/useDocumentTitle.ts"],"names":[],"mappings":"AAKA,oBAAoB;AACpB,KAAK,uBAAuB,GAAG;IAC7B,oFAAoF;IACpF,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC,CAAA;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,uBAA4B,GACpC,IAAI,CAiBN"}

package/useDocumentTitle/useDocumentTitle.js

@@ -0,0 +1,16 @@
+import { useRef as r } from "react";
+import { useIsomorphicLayoutEffect as o } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+import { useUnmount as i } from "../useUnmount/useUnmount.js";
+function l(e, n = {}) {
+  const { preserveTitleOnUnmount: u = !0 } = n, t = r(null);
+  o(() => {
+    t.current = window.document.title;
+  }, []), o(() => {
+    window.document.title = e;
+  }, [e]), i(() => {
+    !u && t.current && (window.document.title = t.current);
+  });
+}
+export {
+  l as useDocumentTitle
+};

package/useEventCallback/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useEventCallback';
+//# sourceMappingURL=index.d.ts.map

package/useEventCallback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useEventCallback/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/useEventCallback/index.js

@@ -0,0 +1,4 @@
+import { useEventCallback as l } from "./useEventCallback.js";
+export {
+  l as useEventCallback
+};

package/useEventCallback/useEventCallback.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Custom hook that creates a memoized event callback.
+ * @template Args - An array of argument types for the event callback.
+ * @template R - The return type of the event callback.
+ * @param {(...args: Args) => R} fn - The callback function.
+ * @returns {(...args: Args) => R} A memoized event callback function.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-event-callback)
+ * @example
+ * ```tsx
+ * const handleClick = useEventCallback((event) => {
+ *   // Handle the event here
+ * });
+ * ```
+ */
+export declare function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
+export declare function useEventCallback<Args extends unknown[], R>(fn: ((...args: Args) => R) | undefined): ((...args: Args) => R) | undefined;
+//# sourceMappingURL=useEventCallback.d.ts.map

package/useEventCallback/useEventCallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventCallback.d.ts","sourceRoot":"","sources":["../../src/useEventCallback/useEventCallback.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,SAAS,OAAO,EAAE,EAAE,CAAC,EACxD,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,CAAC,GACvB,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,CAAC,CAAA;AACvB,wBAAgB,gBAAgB,CAAC,IAAI,SAAS,OAAO,EAAE,EAAE,CAAC,EACxD,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,CAAC,CAAC,GAAG,SAAS,GACrC,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,CAAC,CAAC,GAAG,SAAS,CAAA"}

package/useEventCallback/useEventCallback.js

@@ -0,0 +1,13 @@
+import { useRef as t, useCallback as o } from "react";
+import { useIsomorphicLayoutEffect as a } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+function l(e) {
+  const r = t(() => {
+    throw new Error("Cannot call an event handler while rendering.");
+  });
+  return a(() => {
+    r.current = e;
+  }, [e]), o((...n) => r.current?.(...n), [r]);
+}
+export {
+  l as useEventCallback
+};

package/useEventListener/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useEventListener';
+//# sourceMappingURL=index.d.ts.map

package/useEventListener/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useEventListener/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/useEventListener/index.js

@@ -0,0 +1,4 @@
+import { useEventListener as t } from "./useEventListener.js";
+export {
+  t as useEventListener
+};

package/useEventListener/useEventListener.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+declare function useEventListener<K extends keyof MediaQueryListEventMap>(eventName: K, handler: (event: MediaQueryListEventMap[K]) => void, element: RefObject<MediaQueryList>, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap & keyof SVGElementEventMap, T extends Element = K extends keyof HTMLElementEventMap ? HTMLDivElement : SVGElement>(eventName: K, handler: ((event: HTMLElementEventMap[K]) => void) | ((event: SVGElementEventMap[K]) => void), element: RefObject<Document | undefined | null>, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element: RefObject<Window | undefined | null>, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document | undefined | null>, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof HTMLElementEventMap>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<HTMLElement | undefined | null>, options?: boolean | AddEventListenerOptions): void;
+export { useEventListener };
+//# sourceMappingURL=useEventListener.d.ts.map

package/useEventListener/useEventListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../src/useEventListener/useEventListener.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,sBAAsB,EAC9D,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,EACnD,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,EAClC,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAA;AAGP,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,cAAc,EACtD,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC3C,OAAO,CAAC,EAAE,SAAS,EACnB,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAA;AAGP,iBAAS,gBAAgB,CACvB,CAAC,SAAS,MAAM,mBAAmB,GAAG,MAAM,kBAAkB,EAC9D,CAAC,SAAS,OAAO,GAAG,CAAC,SAAS,MAAM,mBAAmB,GACnD,cAAc,GACd,UAAU,EAEd,SAAS,EAAE,CAAC,EACZ,OAAO,EACH,CAAC,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GACzC,CAAC,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,EAC5C,OAAO,EAAE,SAAS,CAAC,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC,EAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAA;AAGP,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,cAAc,EACtD,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,IAAI,EAC3C,OAAO,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,EAC7C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;AACR,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,gBAAgB,EACxD,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC7C,OAAO,EAAE,SAAS,CAAC,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC,EAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAA;AACP,iBAAS,gBAAgB,CAAC,CAAC,SAAS,MAAM,mBAAmB,EAC3D,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,EAChD,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC,EAClD,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;AA6ER,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/useEventListener/useEventListener.js

@@ -0,0 +1,20 @@
+import { useRef as f, useEffect as i } from "react";
+import { useIsomorphicLayoutEffect as E } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+function m(r, t, s, n) {
+  const u = f(t);
+  E(() => {
+    u.current = t;
+  }, [t]), i(() => {
+    const e = s?.current ?? window;
+    if (!(e && e.addEventListener)) return;
+    const c = (o) => {
+      u.current(o);
+    };
+    return e.addEventListener(r, c, n), () => {
+      e.removeEventListener(r, c, n);
+    };
+  }, [r, s, n]);
+}
+export {
+  m as useEventListener
+};

package/useHover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useHover';
+//# sourceMappingURL=index.d.ts.map

package/useHover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useHover/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/useHover/index.js

@@ -0,0 +1,4 @@
+import { useHover as r } from "./useHover.js";
+export {
+  r as useHover
+};

package/useHover/useHover.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+/**
+ * Custom hook that tracks whether a DOM element is being hovered over.
+ * @template T - The type of the DOM element. Defaults to `HTMLElement`.
+ * @param {RefObject<T>} elementRef - The ref object for the DOM element to track.
+ * @returns {boolean} A boolean value indicating whether the element is being hovered over.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-hover)
+ * @example
+ * ```tsx
+ * const buttonRef = useRef<HTMLButtonElement>(null);
+ * const isHovered = useHover(buttonRef);
+ * // Access the isHovered variable to determine if the button is being hovered over.
+ * ```
+ */
+export declare function useHover<T extends HTMLElement = HTMLElement>(elementRef: RefObject<T | undefined | null>): boolean;
+//# sourceMappingURL=useHover.d.ts.map

package/useHover/useHover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/useHover/useHover.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAC1D,UAAU,EAAE,SAAS,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,GAC1C,OAAO,CAcT"}

package/useHover/useHover.js

@@ -0,0 +1,13 @@
+import { useState as n } from "react";
+import { useEventListener as o } from "../useEventListener/useEventListener.js";
+function m(e) {
+  const [s, t] = n(!1), r = () => {
+    t(!0);
+  }, u = () => {
+    t(!1);
+  };
+  return o("mouseenter", r, e), o("mouseleave", u, e), s;
+}
+export {
+  m as useHover
+};

package/useIntersectionObserver/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useIntersectionObserver';
+//# sourceMappingURL=index.d.ts.map

package/useIntersectionObserver/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useIntersectionObserver/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA"}

package/useIntersectionObserver/index.js

@@ -0,0 +1,4 @@
+import { useIntersectionObserver as o } from "./useIntersectionObserver.js";
+export {
+  o as useIntersectionObserver
+};

package/useIntersectionObserver/useIntersectionObserver.d.ts

@@ -0,0 +1,72 @@
+/** Represents the options for configuring the Intersection Observer. */
+type UseIntersectionObserverOptions = {
+    /**
+     * The element that is used as the viewport for checking visibility of the target.
+     * @default null
+     */
+    root?: Element | Document | null;
+    /**
+     * A margin around the root.
+     * @default '0%'
+     */
+    rootMargin?: string;
+    /**
+     * A threshold indicating the percentage of the target's visibility needed to trigger the callback.
+     * @default 0
+     */
+    threshold?: number | number[];
+    /**
+     * If true, freezes the intersection state once the element becomes visible.
+     * @default false
+     */
+    freezeOnceVisible?: boolean;
+    /**
+     * A callback function to be invoked when the intersection state changes.
+     * @param {boolean} isIntersecting - A boolean indicating if the element is intersecting.
+     * @param {IntersectionObserverEntry} entry - The intersection observer Entry.
+     * @default undefined
+     */
+    onChange?: (isIntersecting: boolean, entry: IntersectionObserverEntry) => void;
+    /**
+     * The initial state of the intersection.
+     * @default false
+     */
+    initialIsIntersecting?: boolean;
+};
+/**
+ * The return type of the useIntersectionObserver hook.
+ *
+ * Supports both tuple and object destructing.
+ * @param {(node: Element | null) => void} ref - The ref callback function.
+ * @param {boolean} isIntersecting - A boolean indicating if the element is intersecting.
+ * @param {IntersectionObserverEntry | undefined} entry - The intersection observer Entry.
+ */
+type IntersectionReturn = [
+    (node?: Element | null) => void,
+    boolean,
+    IntersectionObserverEntry | undefined
+] & {
+    ref: (node?: Element | null) => void;
+    isIntersecting: boolean;
+    entry?: IntersectionObserverEntry;
+};
+/**
+ * Custom hook that tracks the intersection of a DOM element with its containing element or the viewport using the [`Intersection Observer API`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).
+ * @param {UseIntersectionObserverOptions} options - The options for the Intersection Observer.
+ * @returns {IntersectionReturn} The ref callback, a boolean indicating if the element is intersecting, and the intersection observer entry.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-intersection-observer)
+ * @example
+ * ```tsx
+ * // Example 1
+ * const [ref, isIntersecting, entry] = useIntersectionObserver({ threshold: 0.5 });
+ * ```
+ *
+ * ```tsx
+ * // Example 2
+ * const { ref, isIntersecting, entry } = useIntersectionObserver({ threshold: 0.5 });
+ * ```
+ */
+export declare function useIntersectionObserver({ threshold, root, rootMargin, freezeOnceVisible, initialIsIntersecting, onChange, }?: UseIntersectionObserverOptions): IntersectionReturn;
+export {};
+//# sourceMappingURL=useIntersectionObserver.d.ts.map

package/useIntersectionObserver/useIntersectionObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.d.ts","sourceRoot":"","sources":["../../src/useIntersectionObserver/useIntersectionObserver.ts"],"names":[],"mappings":"AAUA,wEAAwE;AACxE,KAAK,8BAA8B,GAAG;IACpC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAA;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC7B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAA;IAC9E;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED;;;;;;;GAOG;AACH,KAAK,kBAAkB,GAAG;IACxB,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI;IAC/B,OAAO;IACP,yBAAyB,GAAG,SAAS;CACtC,GAAG;IACF,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IACpC,cAAc,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAClC,CAAA;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,SAAa,EACb,IAAW,EACX,UAAiB,EACjB,iBAAyB,EACzB,qBAA6B,EAC7B,QAAQ,GACT,GAAE,8BAAmC,GAAG,kBAAkB,CAiG1D"}

package/useIntersectionObserver/useIntersectionObserver.js

@@ -0,0 +1,53 @@
+import { useState as d, useRef as h, useEffect as I } from "react";
+function A({
+  threshold: f = 0,
+  root: a = null,
+  rootMargin: l = "0%",
+  freezeOnceVisible: s = !1,
+  initialIsIntersecting: i = !1,
+  onChange: R
+} = {}) {
+  const [r, b] = d(null), [t, y] = d(() => ({
+    isIntersecting: i,
+    entry: void 0
+  })), u = h(null);
+  u.current = R;
+  const c = t.entry?.isIntersecting && s;
+  I(() => {
+    if (!r || !("IntersectionObserver" in window) || c) return;
+    const n = new IntersectionObserver(
+      (m) => {
+        const p = Array.isArray(n.thresholds) ? n.thresholds : [n.thresholds];
+        m.forEach((o) => {
+          const v = o.isIntersecting && p.some((w) => o.intersectionRatio >= w);
+          y({ isIntersecting: v, entry: o }), u.current && u.current(v, o);
+        });
+      },
+      { threshold: f, root: a, rootMargin: l }
+    );
+    return n.observe(r), () => {
+      n.disconnect();
+    };
+  }, [
+    r,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    JSON.stringify(f),
+    a,
+    l,
+    c,
+    s
+  ]);
+  const g = h(null);
+  I(() => {
+    !r && t.entry?.target && !s && !c && g.current !== t.entry.target && (g.current = t.entry.target, y({ isIntersecting: i, entry: void 0 }));
+  }, [r, t.entry, s, c, i]);
+  const e = [
+    b,
+    !!t.isIntersecting,
+    t.entry
+  ];
+  return e.ref = e[0], e.isIntersecting = e[1], e.entry = e[2], e;
+}
+export {
+  A as useIntersectionObserver
+};

package/useInterval/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useInterval';
+//# sourceMappingURL=index.d.ts.map

package/useInterval/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useInterval/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/useInterval/index.js

@@ -0,0 +1,4 @@
+import { useInterval as o } from "./useInterval.js";
+export {
+  o as useInterval
+};

package/useInterval/useInterval.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Custom hook that creates an interval that invokes a callback function at a specified delay using the [`setInterval API`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval).
+ * @param {() => void} callback - The function to be invoked at each interval.
+ * @param {number | null} delay - The time, in milliseconds, between each invocation of the callback. Use `null` to clear the interval.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-interval)
+ * @example
+ * ```tsx
+ * const handleInterval = () => {
+ *   // Code to be executed at each interval
+ * };
+ * useInterval(handleInterval, 1000);
+ * ```
+ */
+export declare function useInterval(callback: () => void, delay: number | null): void;
+//# sourceMappingURL=useInterval.d.ts.map

package/useInterval/useInterval.d.ts.map

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

package/useInterval/useInterval.js

@@ -0,0 +1,20 @@
+import { useRef as o, useEffect as u } from "react";
+import { useIsomorphicLayoutEffect as f } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+function i(r, t) {
+  const e = o(r);
+  f(() => {
+    e.current = r;
+  }, [r]), u(() => {
+    if (t === null)
+      return;
+    const n = setInterval(() => {
+      e.current();
+    }, t);
+    return () => {
+      clearInterval(n);
+    };
+  }, [t]);
+}
+export {
+  i as useInterval
+};

package/useIsClient/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useIsClient';
+//# sourceMappingURL=index.d.ts.map

package/useIsClient/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useIsClient/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/useIsClient/index.js

@@ -0,0 +1,4 @@
+import { useIsClient as r } from "./useIsClient.js";
+export {
+  r as useIsClient
+};

package/useIsClient/useIsClient.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Custom hook that determines if the code is running on the client side (in the browser).
+ * @returns {boolean} A boolean value indicating whether the code is running on the client side.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-is-client)
+ * @example
+ * ```tsx
+ * const isClient = useIsClient();
+ * // Use isClient to conditionally render or execute code specific to the client side.
+ * ```
+ */
+export declare function useIsClient(): boolean;
+//# sourceMappingURL=useIsClient.d.ts.map

package/useIsClient/useIsClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsClient.d.ts","sourceRoot":"","sources":["../../src/useIsClient/useIsClient.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,YAQ1B"}

package/useIsClient/useIsClient.js

@@ -0,0 +1,10 @@
+import { useState as s, useEffect as n } from "react";
+function r() {
+  const [e, t] = s(!1);
+  return n(() => {
+    t(!0);
+  }, []), e;
+}
+export {
+  r as useIsClient
+};

package/useIsMobile/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useIsMobile';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/useIsMobile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useIsMobile/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,mBAAmB,SAAS,CAAA"}

package/useIsMobile/index.js

@@ -0,0 +1,4 @@
+import { useIsMobile as r } from "./useIsMobile.js";
+export {
+  r as useIsMobile
+};

package/useIsMobile/types.d.ts

@@ -0,0 +1,4 @@
+export interface IUseIsMobileParams {
+    mobileBreakpoint?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/useIsMobile/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/useIsMobile/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/useIsMobile/types.js

@@ -0,0 +1 @@
+

package/useIsMobile/useIsMobile.d.ts

@@ -0,0 +1,3 @@
+import { IUseIsMobileParams } from './types';
+export declare function useIsMobile(params?: IUseIsMobileParams): boolean;
+//# sourceMappingURL=useIsMobile.d.ts.map

package/useIsMobile/useIsMobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMobile.d.ts","sourceRoot":"","sources":["../../src/useIsMobile/useIsMobile.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI7C,wBAAgB,WAAW,CAAC,MAAM,GAAE,kBAAuB,WAiB1D"}

package/useIsMobile/useIsMobile.js

@@ -0,0 +1,16 @@
+import * as o from "react";
+const a = 768;
+function c(s = {}) {
+  const {
+    mobileBreakpoint: e = a
+  } = s, [r, n] = o.useState(void 0);
+  return o.useEffect(() => {
+    const t = window.matchMedia(`(max-width: ${e - 1}px)`), i = () => {
+      n(window.innerWidth < e);
+    };
+    return t.addEventListener("change", i), n(window.innerWidth < e), () => t.removeEventListener("change", i);
+  }, [e]), !!r;
+}
+export {
+  c as useIsMobile
+};

package/useIsMounted/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useIsMounted';
+//# sourceMappingURL=index.d.ts.map

package/useIsMounted/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useIsMounted/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/useIsMounted/index.js

@@ -0,0 +1,4 @@
+import { useIsMounted as r } from "./useIsMounted.js";
+export {
+  r as useIsMounted
+};

package/useIsMounted/useIsMounted.d.ts

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

package/useIsMounted/useIsMounted.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.d.ts","sourceRoot":"","sources":["../../src/useIsMounted/useIsMounted.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,IAAI,MAAM,OAAO,CAY5C"}

package/useIsMounted/useIsMounted.js

@@ -0,0 +1,10 @@
+import { useRef as r, useEffect as t, useCallback as u } from "react";
+function s() {
+  const e = r(!1);
+  return t(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), u(() => e.current, []);
+}
+export {
+  s as useIsMounted
+};

package/useIsomorphicLayoutEffect/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useIsomorphicLayoutEffect';
+//# sourceMappingURL=index.d.ts.map

package/useIsomorphicLayoutEffect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useIsomorphicLayoutEffect/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}

package/useIsomorphicLayoutEffect/index.js

@@ -0,0 +1,4 @@
+import { useIsomorphicLayoutEffect as f } from "./useIsomorphicLayoutEffect.js";
+export {
+  f as useIsomorphicLayoutEffect
+};

package/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,16 @@
+import { useLayoutEffect } from 'react';
+/**
+ * Custom hook that uses either `useLayoutEffect` or `useEffect` based on the environment (client-side or server-side).
+ * @param {Function} effect - The effect function to be executed.
+ * @param {Array<any>} [dependencies] - An array of dependencies for the effect (optional).
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect)
+ * @example
+ * ```tsx
+ * useIsomorphicLayoutEffect(() => {
+ *   // Code to be executed during the layout phase on the client side
+ * }, [dependency1, dependency2]);
+ * ```
+ */
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map

package/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.d.ts","sourceRoot":"","sources":["../../src/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAE,MAAM,OAAO,CAAA;AAElD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,yBAAyB,wBACuB,CAAA"}

package/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js

@@ -0,0 +1,5 @@
+import { useLayoutEffect as e, useEffect as o } from "react";
+const t = typeof window < "u" ? e : o;
+export {
+  t as useIsomorphicLayoutEffect
+};

package/useLocalStorage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useLocalStorage';
+//# sourceMappingURL=index.d.ts.map

package/useLocalStorage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useLocalStorage/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/useLocalStorage/index.js

@@ -0,0 +1,4 @@
+import { useLocalStorage as r } from "./useLocalStorage.js";
+export {
+  r as useLocalStorage
+};

package/useLocalStorage/useLocalStorage.d.ts

@@ -0,0 +1,39 @@
+import { Dispatch, SetStateAction } from 'react';
+declare global {
+    interface WindowEventMap {
+        'local-storage': CustomEvent;
+    }
+}
+/**
+ * Options for customizing the behavior of serialization and deserialization.
+ * @template T - The type of the state to be stored in local storage.
+ */
+type UseLocalStorageOptions<T> = {
+    /** A function to serialize the value before storing it. */
+    serializer?: (value: T) => string;
+    /** A function to deserialize the stored value. */
+    deserializer?: (value: string) => T;
+    /**
+     * If `true` (default), the hook will initialize reading the local storage. In SSR, you should set it to `false`, returning the initial value initially.
+     * @default true
+     */
+    initializeWithValue?: boolean;
+};
+/**
+ * Custom hook that uses the [`localStorage API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) to persist state across page reloads.
+ * @template T - The type of the state to be stored in local storage.
+ * @param {string} key - The key under which the value will be stored in local storage.
+ * @param {T | (() => T)} initialValue - The initial value of the state or a function that returns the initial value.
+ * @param {UseLocalStorageOptions<T>} [options] - Options for customizing the behavior of serialization and deserialization (optional).
+ * @returns {[T, Dispatch<SetStateAction<T>>, () => void]} A tuple containing the stored value, a function to set the value and a function to remove the key from storage.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-local-storage)
+ * @example
+ * ```tsx
+ * const [count, setCount, removeCount] = useLocalStorage('count', 0);
+ * // Access the `count` value, the `setCount` function to update it and `removeCount` function to remove the key from storage.
+ * ```
+ */
+export declare function useLocalStorage<T>(key: string, initialValue: T | (() => T), options?: UseLocalStorageOptions<T>): [T, Dispatch<SetStateAction<T>>, () => void];
+export {};
+//# sourceMappingURL=useLocalStorage.d.ts.map