@oneplatformdev/hooks 0.1.0-15 → 0.1.0-150

package/useLocalStorage/useLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/useLocalStorage/useLocalStorage.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAKrD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,cAAc;QACtB,eAAe,EAAE,WAAW,CAAA;KAC7B;CACF;AAED;;;GAGG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI;IAC/B,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,eAAe,CAAC,CAAC,EAC/B,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAC3B,OAAO,GAAE,sBAAsB,CAAC,CAAC,CAAM,GACtC,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,CA2I9C"}

package/useLocalStorage/useLocalStorage.js

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

package/useLockBody/index.d.ts

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

package/useLockBody/index.d.ts.map

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

package/useLockBody/index.js

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

package/useLockBody/useLockBody.d.ts

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

package/useLockBody/useLockBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLockBody.d.ts","sourceRoot":"","sources":["../../src/useLockBody/useLockBody.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,SAQ1B"}

package/useLockBody/useLockBody.js

@@ -0,0 +1,12 @@
+import * as e from "react";
+function t() {
+  e.useLayoutEffect(() => {
+    const o = window.getComputedStyle(
+      document.body
+    ).overflow;
+    return document.body.style.overflow = "hidden", () => document.body.style.overflow = o;
+  }, []);
+}
+export {
+  t as useLockBody
+};

package/useMap/index.d.ts

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

package/useMap/index.d.ts.map

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

package/useMap/index.js

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

package/useMap/useMap.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Represents the type for either a Map or an array of key-value pairs.
+ * @template K - The type of keys in the map.
+ * @template V - The type of values in the map.
+ */
+type MapOrEntries<K, V> = Map<K, V> | [K, V][];
+/**
+ * Represents the actions available to interact with the map state.
+ * @template K - The type of keys in the map.
+ * @template V - The type of values in the map.
+ */
+type UseMapActions<K, V> = {
+    /** Set a key-value pair in the map. */
+    set: (key: K, value: V) => void;
+    /** Set all key-value pairs in the map. */
+    setAll: (entries: MapOrEntries<K, V>) => void;
+    /** Remove a key-value pair from the map. */
+    remove: (key: K) => void;
+    /** Reset the map to an empty state. */
+    reset: Map<K, V>['clear'];
+};
+/**
+ * Represents the return type of the `useMap` hook.
+ * We hide some setters from the returned map to disable autocompletion.
+ * @template K - The type of keys in the map.
+ * @template V - The type of values in the map.
+ */
+type UseMapReturn<K, V> = [
+    Omit<Map<K, V>, 'set' | 'clear' | 'delete'>,
+    UseMapActions<K, V>
+];
+/**
+ * Custom hook that manages a key-value [`Map`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) state with setter actions.
+ * @template K - The type of keys in the map.
+ * @template V - The type of values in the map.
+ * @param {MapOrEntries<K, V>} [initialState] - The initial state of the map as a Map or an array of key-value pairs (optional).
+ * @returns {UseMapReturn<K, V>} A tuple containing the map state and actions to interact with the map.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-map)
+ * @example
+ * ```tsx
+ * const [map, mapActions] = useMap();
+ * // Access the `map` state and use `mapActions` to set, remove, or reset entries.
+ * ```
+ */
+export declare function useMap<K, V>(initialState?: MapOrEntries<K, V>): UseMapReturn<K, V>;
+export {};
+//# sourceMappingURL=useMap.d.ts.map

package/useMap/useMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMap.d.ts","sourceRoot":"","sources":["../../src/useMap/useMap.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAA;AAE9C;;;;GAIG;AACH,KAAK,aAAa,CAAC,CAAC,EAAE,CAAC,IAAI;IACzB,uCAAuC;IACvC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC/B,0CAA0C;IAC1C,MAAM,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAA;IAC7C,4CAA4C;IAC5C,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;IACxB,uCAAuC;IACvC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;CAC1B,CAAA;AAED;;;;;GAKG;AACH,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI;IACxB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC3C,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC;CACpB,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,CAAC,EACzB,YAAY,GAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAa,GAC3C,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CA8BpB"}

package/useMap/useMap.js

@@ -0,0 +1,27 @@
+import { useState as M, useCallback as a } from "react";
+function w(o = /* @__PURE__ */ new Map()) {
+  const [r, t] = M(new Map(o)), c = {
+    set: a((e, p) => {
+      t((n) => {
+        const s = new Map(n);
+        return s.set(e, p), s;
+      });
+    }, []),
+    setAll: a((e) => {
+      t(() => new Map(e));
+    }, []),
+    remove: a((e) => {
+      t((p) => {
+        const n = new Map(p);
+        return n.delete(e), n;
+      });
+    }, []),
+    reset: a(() => {
+      t(() => /* @__PURE__ */ new Map());
+    }, [])
+  };
+  return [r, c];
+}
+export {
+  w as useMap
+};

package/useMediaQuery/index.d.ts

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

package/useMediaQuery/index.d.ts.map

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

package/useMediaQuery/index.js

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

package/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1,29 @@
+/** Hook options. */
+type UseMediaQueryOptions = {
+    /**
+     * The default value to return if the hook is being run on the server.
+     * @default false
+     */
+    defaultValue?: boolean;
+    /**
+     * If `true` (default), the hook will initialize reading the media query. In SSR, you should set it to `false`, returning `options.defaultValue` or `false` initially.
+     * @default true
+     */
+    initializeWithValue?: boolean;
+};
+/**
+ * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).
+ * @param {string} query - The media query to track.
+ * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).
+ * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-media-query)
+ * @example
+ * ```tsx
+ * const isSmallScreen = useMediaQuery('(max-width: 600px)');
+ * // Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.
+ * ```
+ */
+export declare function useMediaQuery(query: string, { defaultValue, initializeWithValue, }?: UseMediaQueryOptions): boolean;
+export {};
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/useMediaQuery/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/useMediaQuery/useMediaQuery.ts"],"names":[],"mappings":"AAIA,oBAAoB;AACpB,KAAK,oBAAoB,GAAG;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAID;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,EACE,YAAoB,EACpB,mBAA0B,GAC3B,GAAE,oBAAyB,GAC3B,OAAO,CA2CT"}

package/useMediaQuery/useMediaQuery.js

@@ -0,0 +1,21 @@
+import { useState as c } from "react";
+import { useIsomorphicLayoutEffect as d } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+const m = typeof window > "u";
+function u(n, {
+  defaultValue: r = !1,
+  initializeWithValue: s = !0
+} = {}) {
+  const i = (e) => m ? r : window.matchMedia(e).matches, [o, a] = c(() => s ? i(n) : r);
+  function t() {
+    a(i(n));
+  }
+  return d(() => {
+    const e = window.matchMedia(n);
+    return t(), e.addListener ? e.addListener(t) : e.addEventListener("change", t), () => {
+      e.removeListener ? e.removeListener(t) : e.removeEventListener("change", t);
+    };
+  }, [n]), o;
+}
+export {
+  u as useMediaQuery
+};

package/useOnClickOutside/index.d.ts

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

package/useOnClickOutside/index.d.ts.map

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

package/useOnClickOutside/index.js

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

package/useOnClickOutside/useOnClickOutside.d.ts

@@ -0,0 +1,24 @@
+import { RefObject } from 'react';
+/** Supported event types. */
+type EventType = 'mousedown' | 'mouseup' | 'touchstart' | 'touchend' | 'focusin' | 'focusout';
+/**
+ * Custom hook that handles clicks outside a specified element.
+ * @template T - The type of the element's reference.
+ * @param {RefObject<T> | RefObject<T>[]} ref - The React ref object(s) representing the element(s) to watch for outside clicks.
+ * @param {(event: MouseEvent | TouchEvent | FocusEvent) => void} handler - The callback function to be executed when a click outside the element occurs.
+ * @param {EventType} [eventType] - The mouse event type to listen for (optional, default is 'mousedown').
+ * @param {?AddEventListenerOptions} [eventListenerOptions] - The options object to be passed to the `addEventListener` method (optional).
+ * @returns {void}
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-on-click-outside)
+ * @example
+ * ```tsx
+ * const containerRef = useRef(null);
+ * useOnClickOutside([containerRef], () => {
+ *   // Handle clicks outside the container.
+ * });
+ * ```
+ */
+export declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T | undefined | null> | RefObject<T | undefined | null>[], handler: (event: MouseEvent | TouchEvent | FocusEvent) => void, eventType?: EventType, eventListenerOptions?: AddEventListenerOptions): void;
+export {};
+//# sourceMappingURL=useOnClickOutside.d.ts.map

package/useOnClickOutside/useOnClickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../src/useOnClickOutside/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,6BAA6B;AAC7B,KAAK,SAAS,GACV,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,SAAS,GACT,UAAU,CAAA;AAEd;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,EACxE,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,KAAK,IAAI,EAC9D,SAAS,GAAE,SAAuB,EAClC,oBAAoB,GAAE,uBAA4B,GACjD,IAAI,CAwBN"}

package/useOnClickOutside/useOnClickOutside.js

@@ -0,0 +1,17 @@
+import { useEventListener as u } from "../useEventListener/useEventListener.js";
+function d(t, i, s = "mousedown", o = {}) {
+  u(
+    s,
+    (e) => {
+      const n = e.target;
+      if (!n || !n.isConnected)
+        return;
+      (Array.isArray(t) ? t.filter((r) => !!r.current).every((r) => r.current && !r.current.contains(n)) : t.current && !t.current.contains(n)) && i(e);
+    },
+    void 0,
+    o
+  );
+}
+export {
+  d as useOnClickOutside
+};

package/useQueryString/index.d.ts

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

package/useQueryString/index.d.ts.map

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

package/useQueryString/index.js

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

package/useQueryString/useQueryString.d.ts

@@ -0,0 +1,10 @@
+type Nullable<T> = {
+    [P in keyof T]: T[P] | null;
+};
+type QueryParamsValue = Nullable<string | number | boolean | undefined>;
+type QueryParams = Record<string, QueryParamsValue>;
+export declare const useQueryString: (searchParams: URLSearchParams) => {
+    createQueryString: (baseUrl: string, params: QueryParams) => string;
+};
+export {};
+//# sourceMappingURL=useQueryString.d.ts.map

package/useQueryString/useQueryString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryString.d.ts","sourceRoot":"","sources":["../../src/useQueryString/useQueryString.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,CAAC,CAAC,IAAI;KACd,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;CAC5B,CAAC;AACJ,KAAK,gBAAgB,GAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAA;AACvE,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;AAEnD,eAAO,MAAM,cAAc,GAAI,cAAc,eAAe;iCAER,MAAM,UAAU,WAAW;CAe9E,CAAC"}

package/useQueryString/useQueryString.js

@@ -0,0 +1,10 @@
+import { useCallback as c } from "react";
+const g = (e) => ({ createQueryString: c((i, o) => {
+  const t = new URLSearchParams(e?.toString());
+  return Object.entries(o).forEach(([n, r]) => {
+    r === null || r === "" || r === void 0 ? t.delete(n) : t.set(n, String(r));
+  }), `${i}?${t.toString()}`;
+}, [e]) });
+export {
+  g as useQueryString
+};

package/useReadLocalStorage/index.d.ts

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

package/useReadLocalStorage/index.d.ts.map

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

package/useReadLocalStorage/index.js

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

package/useReadLocalStorage/useReadLocalStorage.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Represents the type for the options available when reading from local storage.
+ * @template T - The type of the stored value.
+ */
+type Options<T, InitializeWithValue extends boolean | undefined> = {
+    /** Custom deserializer function to convert the stored string value to the desired type (optional). */
+    deserializer?: (value: string) => T;
+    /** If `true` (default), the hook will initialize reading the local storage. In SSR, you should set it to `false`, returning `undefined` initially. */
+    initializeWithValue: InitializeWithValue;
+};
+export declare function useReadLocalStorage<T>(key: string, options: Options<T, false>): T | null | undefined;
+export declare function useReadLocalStorage<T>(key: string, options?: Partial<Options<T, true>>): T | null;
+export {};
+//# sourceMappingURL=useReadLocalStorage.d.ts.map

package/useReadLocalStorage/useReadLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReadLocalStorage.d.ts","sourceRoot":"","sources":["../../src/useReadLocalStorage/useReadLocalStorage.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,KAAK,OAAO,CAAC,CAAC,EAAE,mBAAmB,SAAS,OAAO,GAAG,SAAS,IAAI;IACjE,sGAAsG;IACtG,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAA;IACnC,sJAAsJ;IACtJ,mBAAmB,EAAE,mBAAmB,CAAA;CACzC,CAAA;AAGD,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,GACzB,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;AAEvB,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,GAAG,EAAE,MAAM,EACX,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAClC,CAAC,GAAG,IAAI,CAAA"}

package/useReadLocalStorage/useReadLocalStorage.js

@@ -0,0 +1,48 @@
+import { useCallback as a, useState as S, useEffect as w } from "react";
+import { useEventListener as c } from "../useEventListener/useEventListener.js";
+const d = typeof window > "u";
+function m(e, t = {}) {
+  let { initializeWithValue: o = !0 } = t;
+  d && (o = !1);
+  const l = a(
+    (r) => {
+      if (t.deserializer)
+        return t.deserializer(r);
+      if (r === "undefined")
+        return;
+      let s;
+      try {
+        s = JSON.parse(r);
+      } catch (g) {
+        return console.error("Error parsing JSON:", g), null;
+      }
+      return s;
+    },
+    [t]
+  ), n = a(() => {
+    if (d)
+      return null;
+    try {
+      const r = window.localStorage.getItem(e);
+      return r ? l(r) : null;
+    } catch (r) {
+      return console.warn(`Error reading localStorage key “${e}”:`, r), null;
+    }
+  }, [e, l]), [f, i] = S(() => {
+    if (o)
+      return n();
+  });
+  w(() => {
+    i(n());
+  }, [e]);
+  const u = a(
+    (r) => {
+      r.key && r.key !== e || i(n());
+    },
+    [e, n]
+  );
+  return c("storage", u), c("local-storage", u), f;
+}
+export {
+  m as useReadLocalStorage
+};

package/useResizeObserver/index.d.ts

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

package/useResizeObserver/index.d.ts.map

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

package/useResizeObserver/index.js

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

package/useResizeObserver/useResizeObserver.d.ts

@@ -0,0 +1,44 @@
+import { RefObject } from 'react';
+/** The size of the observed element. */
+type Size = {
+    /** The width of the observed element. */
+    width: number | undefined;
+    /** The height of the observed element. */
+    height: number | undefined;
+};
+/** The options for the ResizeObserver. */
+type UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {
+    /** The ref of the element to observe. */
+    ref: RefObject<T | undefined | null>;
+    /**
+     * When using `onResize`, the hook doesn't re-render on element size changes; it delegates handling to the provided callback.
+     * @default undefined
+     */
+    onResize?: (size: Size) => void;
+    /**
+     * The box model to use for the ResizeObserver.
+     * @default 'content-box'
+     */
+    box?: 'border-box' | 'content-box' | 'device-pixel-content-box';
+};
+/**
+ * Custom hook that observes the size of an element using the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
+ * @template T - The type of the element to observe.
+ * @param {UseResizeObserverOptions<T>} options - The options for the ResizeObserver.
+ * @returns {Size} - The size of the observed element.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-resize-observer)
+ * @example
+ * ```tsx
+ * const myRef = useRef(null);
+ * const { width = 0, height = 0 } = useResizeObserver({
+ *   ref: myRef,
+ *   box: 'content-box',
+ * });
+ *
+ * <div ref={myRef}>Hello, world!</div>
+ * ```
+ */
+export declare function useResizeObserver<T extends HTMLElement = HTMLElement>(options: UseResizeObserverOptions<T>): Size;
+export {};
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/useResizeObserver/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../src/useResizeObserver/useResizeObserver.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,wCAAwC;AACxC,KAAK,IAAI,GAAG;IACV,yCAAyC;IACzC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,0CAA0C;IAC1C,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AAED,0CAA0C;AAC1C,KAAK,wBAAwB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI;IACnE,yCAAyC;IACzC,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B;;;OAGG;IACH,GAAG,CAAC,EAAE,YAAY,GAAG,aAAa,GAAG,0BAA0B,CAAA;CAChE,CAAA;AAOD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACnE,OAAO,EAAE,wBAAwB,CAAC,CAAC,CAAC,GACnC,IAAI,CAmDN"}

package/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,31 @@
+import { useState as g, useRef as z, useEffect as x } from "react";
+import { useIsMounted as l } from "../useIsMounted/useIsMounted.js";
+const w = {
+  width: void 0,
+  height: void 0
+};
+function B(t) {
+  const { ref: e, box: i = "content-box" } = t, [{ width: v, height: a }, b] = g(w), s = l(), n = z({ ...w }), r = z(void 0);
+  return r.current = t.onResize, x(() => {
+    if (!e.current || typeof window > "u" || !("ResizeObserver" in window)) return;
+    const u = new ResizeObserver(([d]) => {
+      const h = i === "border-box" ? "borderBoxSize" : i === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize", o = S(d, h, "inlineSize"), c = S(d, h, "blockSize");
+      if (n.current.width !== o || n.current.height !== c) {
+        const f = { width: o, height: c };
+        n.current.width = o, n.current.height = c, r.current ? r.current(f) : s() && b(f);
+      }
+    });
+    return u.observe(e.current, { box: i }), () => {
+      u.disconnect();
+    };
+  }, [i, e, s]), { width: v, height: a };
+}
+function S(t, e, i) {
+  return t[e] ? Array.isArray(t[e]) ? t[e][0][i] : (
+    // @ts-ignore Support Firefox's non-standard behavior
+    t[e][i]
+  ) : e === "contentBoxSize" ? t.contentRect[i === "inlineSize" ? "width" : "height"] : void 0;
+}
+export {
+  B as useResizeObserver
+};

package/useScreen/index.d.ts

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

package/useScreen/index.d.ts.map

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

package/useScreen/index.js

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

package/useScreen/useScreen.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The hooks options.
+ * @template InitializeWithValue - If `true` (default), the hook will initialize reading the screen dimensions. In SSR, you should set it to `false`, returning `undefined` initially.
+ */
+type UseScreenOptions<InitializeWithValue extends boolean | undefined> = {
+    /**
+     * If `true` (default), the hook will initialize reading the screen dimensions. In SSR, you should set it to `false`, returning `undefined` initially.
+     * @default true
+     */
+    initializeWithValue: InitializeWithValue;
+    /**
+     * The delay in milliseconds before the state is updated (disabled by default for retro-compatibility).
+     * @default undefined
+     */
+    debounceDelay?: number;
+};
+export declare function useScreen(options: UseScreenOptions<false>): Screen | undefined;
+export declare function useScreen(options?: Partial<UseScreenOptions<true>>): Screen;
+export {};
+//# sourceMappingURL=useScreen.d.ts.map

package/useScreen/useScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreen.d.ts","sourceRoot":"","sources":["../../src/useScreen/useScreen.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,KAAK,gBAAgB,CAAC,mBAAmB,SAAS,OAAO,GAAG,SAAS,IAAI;IACvE;;;OAGG;IACH,mBAAmB,EAAE,mBAAmB,CAAA;IACxC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAKD,wBAAgB,SAAS,CAAC,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,SAAS,CAAA;AAE/E,wBAAgB,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,CAAA"}

package/useScreen/useScreen.js

@@ -0,0 +1,48 @@
+import { useState as w } from "react";
+import { useDebounceCallback as b } from "../useDebounceCallback/useDebounceCallback.js";
+import { useEventListener as v } from "../useEventListener/useEventListener.js";
+import { useIsomorphicLayoutEffect as D } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+const c = typeof window > "u";
+function x(e = {}) {
+  let { initializeWithValue: t = !0 } = e;
+  c && (t = !1);
+  const n = () => {
+    if (!c)
+      return window.screen;
+  }, [u, r] = w(() => {
+    if (t)
+      return n();
+  }), s = b(
+    r,
+    e.debounceDelay
+  );
+  function i() {
+    const o = n(), a = e.debounceDelay ? s : r;
+    if (o) {
+      const {
+        width: f,
+        height: d,
+        availHeight: l,
+        availWidth: S,
+        colorDepth: h,
+        orientation: m,
+        pixelDepth: p
+      } = o;
+      a({
+        width: f,
+        height: d,
+        availHeight: l,
+        availWidth: S,
+        colorDepth: h,
+        orientation: m,
+        pixelDepth: p
+      });
+    }
+  }
+  return v("resize", i), D(() => {
+    i();
+  }, []), u;
+}
+export {
+  x as useScreen
+};