@oneplatformdev/hooks 0.1.0-15 → 0.1.0-150

package/useScript/index.d.ts

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

package/useScript/index.d.ts.map

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

package/useScript/index.js

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

package/useScript/useScript.d.ts

@@ -0,0 +1,24 @@
+/** Script loading status. */
+type UseScriptStatus = 'idle' | 'loading' | 'ready' | 'error';
+/** Hook options. */
+type UseScriptOptions = {
+    /** If `true`, prevents the script from being loaded (optional). */
+    shouldPreventLoad?: boolean;
+    /** If `true`, removes the script from the DOM when the component unmounts (optional). */
+    removeOnUnmount?: boolean;
+    /** Script's `id` (optional). */
+    id?: string;
+};
+/**
+ * Custom hook that dynamically loads scripts and tracking their loading status.
+ * @param {string | null} src - The source URL of the script to load. Set to `null` or omit to prevent loading (optional).
+ * @param {UseScriptOptions} [options] - Additional options for controlling script loading (optional).
+ * @returns {UseScriptStatus} The status of the script loading, which can be one of 'idle', 'loading', 'ready', or 'error'.
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-script)
+ * @example
+ * const scriptStatus = useScript('https://example.com/script.js', { removeOnUnmount: true });
+ * // Access the status of the script loading (e.g., 'loading', 'ready', 'error').
+ */
+export declare function useScript(src: string | null, options?: UseScriptOptions): UseScriptStatus;
+export {};
+//# sourceMappingURL=useScript.d.ts.map

package/useScript/useScript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScript.d.ts","sourceRoot":"","sources":["../../src/useScript/useScript.ts"],"names":[],"mappings":"AAEA,6BAA6B;AAC7B,KAAK,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAE7D,oBAAoB;AACpB,KAAK,gBAAgB,GAAG;IACtB,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AA6BD;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CACvB,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,OAAO,CAAC,EAAE,gBAAgB,GACzB,eAAe,CAsFjB"}

package/useScript/useScript.js

@@ -0,0 +1,45 @@
+import { useState as v, useEffect as f } from "react";
+const s = /* @__PURE__ */ new Map();
+function m(t) {
+  const r = document.querySelector(
+    `script[src="${t}"]`
+  ), u = r?.getAttribute("data-status");
+  return {
+    node: r,
+    status: u
+  };
+}
+function p(t, r) {
+  const [u, i] = v(() => !t || r?.shouldPreventLoad ? "idle" : typeof window > "u" ? "loading" : s.get(t) ?? "loading");
+  return f(() => {
+    if (!t || r?.shouldPreventLoad)
+      return;
+    const n = s.get(t);
+    if (n === "ready" || n === "error") {
+      i(n);
+      return;
+    }
+    const c = m(t);
+    let e = c.node;
+    if (e)
+      i(c.status ?? n ?? "loading");
+    else {
+      e = document.createElement("script"), e.src = t, e.async = !0, r?.id && (e.id = r.id), e.setAttribute("data-status", "loading"), document.body.appendChild(e);
+      const a = (o) => {
+        const l = o.type === "load" ? "ready" : "error";
+        e?.setAttribute("data-status", l);
+      };
+      e.addEventListener("load", a), e.addEventListener("error", a);
+    }
+    const d = (a) => {
+      const o = a.type === "load" ? "ready" : "error";
+      i(o), s.set(t, o);
+    };
+    return e.addEventListener("load", d), e.addEventListener("error", d), () => {
+      e && (e.removeEventListener("load", d), e.removeEventListener("error", d)), e && r?.removeOnUnmount && (e.remove(), s.delete(t));
+    };
+  }, [t, r?.shouldPreventLoad, r?.removeOnUnmount, r?.id]), u;
+}
+export {
+  p as useScript
+};

package/useScrollLock/index.d.ts

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

package/useScrollLock/index.d.ts.map

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

package/useScrollLock/index.js

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

package/useScrollLock/useScrollLock.d.ts

@@ -0,0 +1,54 @@
+/** Hook options. */
+type UseScrollLockOptions = {
+    /**
+     * Whether to lock the scroll initially.
+     * @default true
+     */
+    autoLock?: boolean;
+    /**
+     * The target element to lock the scroll (default is the body element).
+     * @default document.body
+     */
+    lockTarget?: HTMLElement | string;
+    /**
+     * Whether to prevent width reflow when locking the scroll.
+     * @default true
+     */
+    widthReflow?: boolean;
+};
+/** Hook return type. */
+type UseScrollLockReturn = {
+    /** Whether the scroll is locked. */
+    isLocked: boolean;
+    /** Lock the scroll. */
+    lock: () => void;
+    /** Unlock the scroll. */
+    unlock: () => void;
+};
+/**
+ * A custom hook that locks and unlocks scroll.
+ * @param {UseScrollLockOptions} [options] - Options to configure the hook, by default it will lock the scroll automatically.
+ * @returns {UseScrollLockReturn} - An object containing the lock and unlock functions.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-scroll-lock)
+ * @example
+ * ```tsx
+ * // Lock the scroll when the modal is mounted, and unlock it when it's unmounted
+ * useScrollLock()
+ * ```
+ * @example
+ * ```tsx
+ * // Manually lock and unlock the scroll
+ * const { lock, unlock } = useScrollLock({ autoLock: false })
+ *
+ * return (
+ *  <div>
+ *   <button onClick={lock}>Lock</button>
+ *   <button onClick={unlock}>Unlock</button>
+ *  </div>
+ * )
+ * ```
+ */
+export declare function useScrollLock(options?: UseScrollLockOptions): UseScrollLockReturn;
+export {};
+//# sourceMappingURL=useScrollLock.d.ts.map

package/useScrollLock/useScrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.d.ts","sourceRoot":"","sources":["../../src/useScrollLock/useScrollLock.ts"],"names":[],"mappings":"AAIA,oBAAoB;AACpB,KAAK,oBAAoB,GAAG;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,wBAAwB;AACxB,KAAK,mBAAmB,GAAG;IACzB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAA;IACjB,uBAAuB;IACvB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,yBAAyB;IACzB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AASD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,CAC3B,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CA0ErB"}

package/useScrollLock/useScrollLock.js

@@ -0,0 +1,26 @@
+import { useState as y, useRef as d } from "react";
+import { useIsomorphicLayoutEffect as w } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+const R = typeof window > "u";
+function S(s = {}) {
+  const { autoLock: o = !0, lockTarget: e, widthReflow: n = !0 } = s, [l, c] = y(!1), t = d(null), r = d(null), u = () => {
+    if (t.current) {
+      const { overflow: f, paddingRight: g } = t.current.style;
+      if (r.current = { overflow: f, paddingRight: g }, n) {
+        const a = t.current === document.body ? window.innerWidth : t.current.offsetWidth, h = parseInt(window.getComputedStyle(t.current).paddingRight, 10) || 0, p = a - t.current.scrollWidth;
+        t.current.style.paddingRight = `${p + h}px`;
+      }
+      t.current.style.overflow = "hidden", c(!0);
+    }
+  }, i = () => {
+    t.current && r.current && (t.current.style.overflow = r.current.overflow, n && (t.current.style.paddingRight = r.current.paddingRight)), c(!1);
+  };
+  return w(() => {
+    if (!R)
+      return e && (t.current = typeof e == "string" ? document.querySelector(e) : e), t.current || (t.current = document.body), o && u(), () => {
+        i();
+      };
+  }, [o, e, n]), { isLocked: l, lock: u, unlock: i };
+}
+export {
+  S as useScrollLock
+};

package/useSessionStorage/index.d.ts

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

package/useSessionStorage/index.d.ts.map

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

package/useSessionStorage/index.js

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

package/useSessionStorage/useSessionStorage.d.ts

@@ -0,0 +1,39 @@
+import { Dispatch, SetStateAction } from 'react';
+declare global {
+    interface WindowEventMap {
+        'session-storage': CustomEvent;
+    }
+}
+/**
+ * Represents the options for customizing the behavior of serialization and deserialization.
+ * @template T - The type of the state to be stored in session storage.
+ */
+type UseSessionStorageOptions<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 session storage. In SSR, you should set it to `false`, returning the initial value initially.
+     * @default true
+     */
+    initializeWithValue?: boolean;
+};
+/**
+ * Custom hook that uses the [`sessionStorage API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage) to persist state across page reloads.
+ * @template T - The type of the state to be stored in session storage.
+ * @param {string} key - The key under which the value will be stored in session storage.
+ * @param {T | (() => T)} initialValue - The initial value of the state or a function that returns the initial value.
+ * @param {?UseSessionStorageOptions<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-session-storage)
+ * @example
+ * ```tsx
+ * const [count, setCount, removeCount] = useSessionStorage('count', 0);
+ * // Access the `count` value, the `setCount` function to update it and `removeCount` function to remove the key from storage.
+ * ```
+ */
+export declare function useSessionStorage<T>(key: string, initialValue: T | (() => T), options?: UseSessionStorageOptions<T>): [T, Dispatch<SetStateAction<T>>, () => void];
+export {};
+//# sourceMappingURL=useSessionStorage.d.ts.map

package/useSessionStorage/useSessionStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionStorage.d.ts","sourceRoot":"","sources":["../../src/useSessionStorage/useSessionStorage.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAKrD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,cAAc;QACtB,iBAAiB,EAAE,WAAW,CAAA;KAC/B;CACF;AAED;;;GAGG;AACH,KAAK,wBAAwB,CAAC,CAAC,IAAI;IACjC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,CAAA;IACjC,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAA;IACnC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAID;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAC3B,OAAO,GAAE,wBAAwB,CAAC,CAAC,CAAM,GACxC,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,CA2I9C"}

package/useSessionStorage/useSessionStorage.js

@@ -0,0 +1,65 @@
+import { useCallback as i, useState as F, useEffect as p } from "react";
+import { useEventCallback as u } from "../useEventCallback/useEventCallback.js";
+import { useEventListener as w } from "../useEventListener/useEventListener.js";
+const a = typeof window > "u";
+function J(n, r, o = {}) {
+  const { initializeWithValue: S = !0 } = o, m = i(
+    (e) => o.serializer ? o.serializer(e) : JSON.stringify(e),
+    [o]
+  ), d = i(
+    (e) => {
+      if (o.deserializer)
+        return o.deserializer(e);
+      if (e === "undefined")
+        return;
+      const t = r instanceof Function ? r() : r;
+      let g;
+      try {
+        g = JSON.parse(e);
+      } catch (z) {
+        return console.error("Error parsing JSON:", z), t;
+      }
+      return g;
+    },
+    [o, r]
+  ), s = i(() => {
+    const e = r instanceof Function ? r() : r;
+    if (a)
+      return e;
+    try {
+      const t = window.sessionStorage.getItem(n);
+      return t ? d(t) : e;
+    } catch (t) {
+      return console.warn(`Error reading sessionStorage key “${n}”:`, t), e;
+    }
+  }, [r, n, d]), [h, c] = F(() => S ? s() : r instanceof Function ? r() : r), E = u((e) => {
+    a && console.warn(
+      `Tried setting sessionStorage key “${n}” even though environment is not a client`
+    );
+    try {
+      const t = e instanceof Function ? e(s()) : e;
+      window.sessionStorage.setItem(n, m(t)), c(t), window.dispatchEvent(new StorageEvent("session-storage", { key: n }));
+    } catch (t) {
+      console.warn(`Error setting sessionStorage key “${n}”:`, t);
+    }
+  }), v = u(() => {
+    a && console.warn(
+      `Tried removing sessionStorage key “${n}” even though environment is not a client`
+    );
+    const e = r instanceof Function ? r() : r;
+    window.sessionStorage.removeItem(n), c(e), window.dispatchEvent(new StorageEvent("session-storage", { key: n }));
+  });
+  p(() => {
+    c(s());
+  }, [n]);
+  const f = i(
+    (e) => {
+      e.key && e.key !== n || c(s());
+    },
+    [n, s]
+  );
+  return w("storage", f), w("session-storage", f), [h, E, v];
+}
+export {
+  J as useSessionStorage
+};

package/useStep/index.d.ts

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

package/useStep/index.d.ts.map

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

package/useStep/index.js

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

package/useStep/useStep.d.ts

@@ -0,0 +1,31 @@
+import { Dispatch, SetStateAction } from 'react';
+/** Represents the second element of the output of the `useStep` hook. */
+type UseStepActions = {
+    /** Go to the next step in the process. */
+    goToNextStep: () => void;
+    /** Go to the previous step in the process. */
+    goToPrevStep: () => void;
+    /** Reset the step to the initial step. */
+    reset: () => void;
+    /** Check if the next step is available. */
+    canGoToNextStep: boolean;
+    /** Check if the previous step is available. */
+    canGoToPrevStep: boolean;
+    /** Set the current step to a specific value. */
+    setStep: Dispatch<SetStateAction<number>>;
+};
+/**
+ * Custom hook that manages and navigates between steps in a multi-step process.
+ * @param {number} maxStep - The maximum step in the process.
+ * @returns {[number, UseStepActions]} An tuple containing the current step and helper functions for navigating steps.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-step)
+ * @example
+ * ```tsx
+ * const [currentStep, { goToNextStep, goToPrevStep, reset, canGoToNextStep, canGoToPrevStep, setStep }] = useStep(3);
+ * // Access and use the current step and provided helper functions.
+ * ```
+ */
+export declare function useStep(maxStep: number): [number, UseStepActions];
+export {};
+//# sourceMappingURL=useStep.d.ts.map

package/useStep/useStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStep.d.ts","sourceRoot":"","sources":["../../src/useStep/useStep.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,yEAAyE;AACzE,KAAK,cAAc,GAAG;IACpB,0CAA0C;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,8CAA8C;IAC9C,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,0CAA0C;IAC1C,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,2CAA2C;IAC3C,eAAe,EAAE,OAAO,CAAA;IACxB,+CAA+C;IAC/C,eAAe,EAAE,OAAO,CAAA;IACxB,gDAAgD;IAChD,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAA;CAC1C,CAAA;AAID;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAgDjE"}

package/useStep/useStep.js

@@ -0,0 +1,34 @@
+import { useState as a, useCallback as n } from "react";
+function l(r) {
+  const [e, o] = a(1), c = e + 1 <= r, s = e - 1 > 0, S = n(
+    (t) => {
+      const u = t instanceof Function ? t(e) : t;
+      if (u >= 1 && u <= r) {
+        o(u);
+        return;
+      }
+      throw new Error("Step not valid");
+    },
+    [r, e]
+  ), i = n(() => {
+    c && o((t) => t + 1);
+  }, [c]), p = n(() => {
+    s && o((t) => t - 1);
+  }, [s]), f = n(() => {
+    o(1);
+  }, []);
+  return [
+    e,
+    {
+      goToNextStep: i,
+      goToPrevStep: p,
+      canGoToNextStep: c,
+      canGoToPrevStep: s,
+      setStep: S,
+      reset: f
+    }
+  ];
+}
+export {
+  l as useStep
+};

package/useTernaryDarkMode/index.d.ts

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

package/useTernaryDarkMode/index.d.ts.map

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

package/useTernaryDarkMode/index.js

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

package/useTernaryDarkMode/useTernaryDarkMode.d.ts

@@ -0,0 +1,46 @@
+import { Dispatch, SetStateAction } from 'react';
+/** Ternary dark mode options. */
+export type TernaryDarkMode = 'system' | 'dark' | 'light';
+/** Options for the `useTernaryDarkMode` hook. */
+export type TernaryDarkModeOptions = {
+    /**
+     * The default value for the dark mode.
+     * @default 'system'
+     */
+    defaultValue?: TernaryDarkMode;
+    /**
+     * The key for storing dark mode preference in local storage.
+     * @default 'usehooks-ts-ternary-dark-mode'
+     */
+    localStorageKey?: string;
+    /**
+     * If `true` (default), the hook will initialize reading `localStorage`. In SSR, you should set it to `false`, returning default values initially.
+     * @default true
+     */
+    initializeWithValue?: boolean;
+};
+/** Represents the return type of the `useTernaryDarkMode` hook. */
+export type TernaryDarkModeReturn = {
+    /** The current state of the dark mode. */
+    isDarkMode: boolean;
+    /** The current state of the dark mode. */
+    ternaryDarkMode: TernaryDarkMode;
+    /** A function to set the dark mode state. */
+    setTernaryDarkMode: Dispatch<SetStateAction<TernaryDarkMode>>;
+    /** A function to toggle the dark mode state. */
+    toggleTernaryDarkMode: () => void;
+};
+/**
+ * Custom hook that manages ternary (system, dark, light) dark mode with local storage support.
+ * @param {?TernaryDarkModeOptions | string} [options] - Options or the local storage key for the hook.
+ * @returns {TernaryDarkModeReturn} An object containing the dark mode state and helper functions.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-ternary-dark-mode)
+ * @example
+ * ```tsx
+ * const { isDarkMode, ternaryDarkMode, setTernaryDarkMode, toggleTernaryDarkMode } = useTernaryDarkMode({ defaultValue: 'dark' });
+ * // Access and use the dark mode state and provided helper functions.
+ * ```
+ */
+export declare function useTernaryDarkMode({ defaultValue, localStorageKey, initializeWithValue, }?: TernaryDarkModeOptions): TernaryDarkModeReturn;
+//# sourceMappingURL=useTernaryDarkMode.d.ts.map

package/useTernaryDarkMode/useTernaryDarkMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTernaryDarkMode.d.ts","sourceRoot":"","sources":["../../src/useTernaryDarkMode/useTernaryDarkMode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAQrD,iCAAiC;AACjC,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzD,iDAAiD;AACjD,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,eAAe,CAAA;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,mEAAmE;AACnE,MAAM,MAAM,qBAAqB,GAAG;IAClC,0CAA0C;IAC1C,UAAU,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,eAAe,EAAE,eAAe,CAAA;IAChC,6CAA6C;IAC7C,kBAAkB,EAAE,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAA;IAC7D,gDAAgD;IAChD,qBAAqB,EAAE,MAAM,IAAI,CAAA;CAClC,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,YAAuB,EACvB,eAAmC,EACnC,mBAA0B,GAC3B,GAAE,sBAA2B,GAAG,qBAAqB,CAsBrD"}

package/useTernaryDarkMode/useTernaryDarkMode.js

@@ -0,0 +1,27 @@
+import { useLocalStorage as c } from "../useLocalStorage/useLocalStorage.js";
+import { useMediaQuery as m } from "../useMediaQuery/useMediaQuery.js";
+const y = "(prefers-color-scheme: dark)", M = "usehooks-ts-ternary-dark-mode";
+function f({
+  defaultValue: t = "system",
+  localStorageKey: n = M,
+  initializeWithValue: o = !0
+} = {}) {
+  const a = m(y, { initializeWithValue: o }), [e, s] = c(n, t, {
+    initializeWithValue: o
+  });
+  return {
+    isDarkMode: e === "dark" || e === "system" && a,
+    ternaryDarkMode: e,
+    setTernaryDarkMode: s,
+    toggleTernaryDarkMode: () => {
+      const r = ["light", "system", "dark"];
+      s((d) => {
+        const k = (r.indexOf(d) + 1) % r.length;
+        return r[k];
+      });
+    }
+  };
+}
+export {
+  f as useTernaryDarkMode
+};

package/useTimeout/index.d.ts

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

package/useTimeout/index.d.ts.map

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

package/useTimeout/index.js

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

package/useTimeout/useTimeout.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Custom hook that handles timeouts in React components using the [`setTimeout API`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout).
+ * @param {() => void} callback - The function to be executed when the timeout elapses.
+ * @param {number | null} delay - The duration (in milliseconds) for the timeout. Set to `null` to clear the timeout.
+ * @returns {void} This hook does not return anything.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-timeout)
+ * @example
+ * ```tsx
+ * // Usage of useTimeout hook
+ * useTimeout(() => {
+ *   // Code to be executed after the specified delay
+ * }, 1000); // Set a timeout of 1000 milliseconds (1 second)
+ * ```
+ */
+export declare function useTimeout(callback: () => void, delay: number | null): void;
+//# sourceMappingURL=useTimeout.d.ts.map

package/useTimeout/useTimeout.d.ts.map

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

package/useTimeout/useTimeout.js

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

package/useToggle/index.d.ts

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

package/useToggle/index.d.ts.map

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

package/useToggle/index.js

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

package/useToggle/useToggle.d.ts

@@ -0,0 +1,18 @@
+import { Dispatch, SetStateAction } from 'react';
+/**
+ * Custom hook that manages a boolean toggle state in React components.
+ * @param {boolean} [defaultValue] - The initial value for the toggle state.
+ * @returns {[boolean, () => void, Dispatch<SetStateAction<boolean>>]} A tuple containing the current state,
+ * a function to toggle the state, and a function to set the state explicitly.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-toggle)
+ * @example
+ * ```tsx
+ * const [isToggled, toggle, setToggle] = useToggle(); // Initial value is false
+ * // OR
+ * const [isToggled, toggle, setToggle] = useToggle(true); // Initial value is true
+ * // Use isToggled in your component, toggle to switch the state, setToggle to set the state explicitly.
+ * ```
+ */
+export declare function useToggle(defaultValue?: boolean): [boolean, () => void, Dispatch<SetStateAction<boolean>>];
+//# sourceMappingURL=useToggle.d.ts.map

package/useToggle/useToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../src/useToggle/useToggle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CACvB,YAAY,CAAC,EAAE,OAAO,GACrB,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAQ1D"}

package/useToggle/useToggle.js

@@ -0,0 +1,10 @@
+import { useState as s, useCallback as a } from "react";
+function r(t) {
+  const [o, e] = s(!!t), u = a(() => {
+    e((l) => !l);
+  }, []);
+  return [o, u, e];
+}
+export {
+  r as useToggle
+};

package/useUnmount/index.d.ts

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

package/useUnmount/index.d.ts.map

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

package/useUnmount/index.js

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

package/useUnmount/useUnmount.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Custom hook that runs a cleanup function when the component is unmounted.
+ * @param {() => void} func - The cleanup function to be executed on unmount.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-unmount)
+ * @example
+ * ```tsx
+ * useUnmount(() => {
+ *   // Cleanup logic here
+ * });
+ * ```
+ */
+export declare function useUnmount(func: () => void): void;
+//# sourceMappingURL=useUnmount.d.ts.map

package/useUnmount/useUnmount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnmount.d.ts","sourceRoot":"","sources":["../../src/useUnmount/useUnmount.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,IAAI,QAW1C"}

package/useUnmount/useUnmount.js

@@ -0,0 +1,13 @@
+import { useRef as n, useEffect as r } from "react";
+function f(e) {
+  const t = n(e);
+  t.current = e, r(
+    () => () => {
+      t.current();
+    },
+    []
+  );
+}
+export {
+  f as useUnmount
+};