@studiocubics/hooks 0.0.1 → 0.0.2

package/dist/index.js

@@ -0,0 +1,2 @@
+export{useAnchorElement}from"./useAnchorElement/useAnchorElement.js";export{useDelayedAction}from"./useDelayedAction/useDelayedAction.js";export{useDisclosure}from"./useDisclosure/useDisclosure.js";export{useEventCallback}from"./useEventCallback/useEventCallback.js";export{useEventListener}from"./useEventListener/useEventListener.js";export{useFormHelpers}from"./useFormHelpers/useFormHelpers.js";export{useIsomorphicLayoutEffect}from"./useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";export{useLocalStorage}from"./useLocalStorage/useLocalStorage.js";export{useMounted}from"./useMounted/useMounted.js";export{useMousePosition}from"./useMousePosition/useMousePosition.js";export{useScreenSize}from"./useScreenSize/useScreenSize.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/useAnchorElement/useAnchorElement.d.ts

@@ -0,0 +1,8 @@
+import { type MouseEvent } from "react";
+export declare function useAnchorElement<T extends HTMLElement>(): {
+    open: boolean;
+    anchorEl: T | null;
+    handleClick: (event: MouseEvent<T>) => void;
+    handleClose: () => void;
+    setAnchorEl: import("react").Dispatch<import("react").SetStateAction<T | null>>;
+};

package/dist/useAnchorElement/useAnchorElement.js

@@ -0,0 +1,2 @@
+"use client";import{useState as n,useMemo as e}from"react";function l(){const[l,o]=n(null);return{open:e(()=>Boolean(l),[l]),anchorEl:l,handleClick:n=>{o(n.currentTarget)},handleClose:()=>{o(null)},setAnchorEl:o}}export{l as useAnchorElement};
+//# sourceMappingURL=useAnchorElement.js.map

package/dist/useAnchorElement/useAnchorElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnchorElement.js","sources":["../../src/useAnchorElement/useAnchorElement.tsx"],"sourcesContent":["\"use client\";\n\nimport { type MouseEvent, useMemo, useState } from \"react\";\n\nexport function useAnchorElement<T extends HTMLElement>() {\n  const [anchorEl, setAnchorEl] = useState<T | null>(null);\n  const open = useMemo(() => Boolean(anchorEl), [anchorEl]);\n  const handleClick = (event: MouseEvent<T>) => {\n    setAnchorEl(event.currentTarget);\n  };\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n  return { open, anchorEl, handleClick, handleClose, setAnchorEl };\n}\n"],"names":["useAnchorElement","anchorEl","setAnchorEl","useState","open","useMemo","Boolean","handleClick","event","currentTarget","handleClose"],"mappings":"oEAIgBA,IACd,MAAOC,EAAUC,GAAeC,EAAmB,MAQnD,MAAO,CAAEC,KAPIC,EAAQ,IAAMC,QAAQL,GAAW,CAACA,IAOhCA,WAAUM,YANJC,IACnBN,EAAYM,EAAMC,gBAKkBC,YAHlB,KAClBR,EAAY,OAEqCA,cACrD"}

package/dist/useDelayedAction/useDelayedAction.d.ts

@@ -0,0 +1 @@
+export declare function useDelayedAction(): (fn: Function, ms: number) => Promise<void>;

package/dist/useDelayedAction/useDelayedAction.js

@@ -0,0 +1,2 @@
+"use client";import{useCallback as e}from"react";function t(){return e(async(e,t)=>{await new Promise(e=>setTimeout(e,t)),e()},[])}export{t as useDelayedAction};
+//# sourceMappingURL=useDelayedAction.js.map

package/dist/useDelayedAction/useDelayedAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayedAction.js","sources":["../../src/useDelayedAction/useDelayedAction.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback } from \"react\";\n\nexport function useDelayedAction() {\n  const delayedExecute = useCallback(async (fn: Function, ms: number) => {\n    await new Promise((resolve) => setTimeout(resolve, ms));\n    fn();\n  }, []);\n\n  return delayedExecute;\n}\n"],"names":["useDelayedAction","useCallback","async","fn","ms","Promise","resolve","setTimeout"],"mappings":"0DAIgBA,IAMd,OALuBC,EAAYC,MAAOC,EAAcC,WAChD,IAAIC,QAASC,GAAYC,WAAWD,EAASF,IACnDD,KACC,GAGL"}

package/dist/useDisclosure/useDisclosure.d.ts

@@ -0,0 +1,7 @@
+export declare function useDisclosure(initialState?: boolean): {
+    open: boolean;
+    handleClose: () => void;
+    handleStrictClose: (_: {}, reason: "backdropClick" | "escapeKeyDown") => void;
+    handleOpen: () => void;
+    handleToggle: () => void;
+};

package/dist/useDisclosure/useDisclosure.js

@@ -0,0 +1,2 @@
+"use client";import{useState as n}from"react";function e(e=!1){const[o,t]=n(e);function c(){t(!1)}return{open:o,handleClose:c,handleStrictClose:function(n,e){"backdropClick"!==e&&"escapeKeyDown"!==e&&c()},handleOpen:function(){t(!0)},handleToggle:function(){t(n=>!n)}}}export{e as useDisclosure};
+//# sourceMappingURL=useDisclosure.js.map

package/dist/useDisclosure/useDisclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDisclosure.js","sources":["../../src/useDisclosure/useDisclosure.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\n\nexport function useDisclosure(initialState: boolean = false) {\n  const [open, setOpen] = useState(initialState);\n\n  function handleOpen() {\n    setOpen(true);\n  }\n  function handleClose() {\n    setOpen(false);\n  }\n\n  /**\n   * Hijacking the handleClose function to prevent the dialog from closing when the user clicks outside the dialog or presses the escape key.\n   * @param _ event not going to be used.\n   * @param reason The reason the dialog was closed.\n   */\n  function handleStrictClose(_: {}, reason: \"backdropClick\" | \"escapeKeyDown\") {\n    if (reason === \"backdropClick\" || reason === \"escapeKeyDown\") return;\n    handleClose();\n  }\n\n  function handleToggle() {\n    setOpen((prev) => !prev);\n  }\n\n  return {\n    open,\n    handleClose,\n    handleStrictClose,\n    handleOpen,\n    handleToggle,\n  };\n}\n"],"names":["useDisclosure","initialState","open","setOpen","useState","handleClose","handleStrictClose","_","reason","handleOpen","handleToggle","prev"],"mappings":"8CAIM,SAAUA,EAAcC,GAAwB,GACpD,MAAOC,EAAMC,GAAWC,EAASH,GAKjC,SAASI,IACPF,GAAQ,EACV,CAgBA,MAAO,CACLD,OACAG,cACAC,kBAZF,SAA2BC,EAAOC,GACjB,kBAAXA,GAAyC,kBAAXA,GAClCH,GACF,EAUEI,WAzBF,WACEN,GAAQ,EACV,EAwBEO,aATF,WACEP,EAASQ,IAAUA,EACrB,EASF"}

package/dist/useEventCallback/useEventCallback.d.ts

@@ -0,0 +1,2 @@
+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;

package/dist/useEventCallback/useEventCallback.js

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

package/dist/useEventCallback/useEventCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventCallback.js","sources":["../../src/useEventCallback/useEventCallback.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect\";\n\nexport function useEventCallback<Args extends unknown[], R>(\n  fn: (...args: Args) => R\n): (...args: Args) => R;\nexport function useEventCallback<Args extends unknown[], R>(\n  fn: ((...args: Args) => R) | undefined\n): ((...args: Args) => R) | undefined;\nexport function useEventCallback<Args extends unknown[], R>(\n  fn: ((...args: Args) => R) | undefined\n): ((...args: Args) => R) | undefined {\n  const ref = useRef<typeof fn>(() => {\n    throw new Error(\"Cannot call an event handler while rendering.\");\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  return useCallback((...args: Args) => ref.current?.(...args), [ref]) as (\n    ...args: Args\n  ) => R;\n}\n"],"names":["useEventCallback","fn","ref","useRef","Error","useIsomorphicLayoutEffect","current","useCallback","args"],"mappings":"mKAWM,SAAUA,EACdC,GAEA,MAAMC,EAAMC,EAAkB,KAC5B,MAAM,IAAIC,MAAM,mDAOlB,OAJAC,EAA0B,KACxBH,EAAII,QAAUL,GACb,CAACA,IAEGM,EAAY,IAAIC,IAAeN,EAAII,aAAaE,GAAO,CAACN,GAGjE"}

package/dist/useEventListener/useEventListener.d.ts

@@ -0,0 +1,6 @@
+import type { 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<T>, options?: boolean | AddEventListenerOptions): void;
+declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
+export { useEventListener };

package/dist/useEventListener/useEventListener.js

@@ -0,0 +1,2 @@
+"use client";import{useRef as e,useEffect as t}from"react";import{useIsomorphicLayoutEffect as r}from"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";function n(n,o,c,s){const i=e(o);r(()=>{i.current=o},[o]),t(()=>{const e=c?.current??window;if(!e||!e.addEventListener)return;const t=e=>{i.current(e)};return e.addEventListener(n,t,s),()=>{e.removeEventListener(n,t,s)}},[n,c,s])}export{n as useEventListener};
+//# sourceMappingURL=useEventListener.js.map

package/dist/useEventListener/useEventListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.js","sources":["../../src/useEventListener/useEventListener.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef } from \"react\";\n\nimport type { RefObject } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect\";\n\n// MediaQueryList Event based useEventListener interface\nfunction useEventListener<K extends keyof MediaQueryListEventMap>(\n  eventName: K,\n  handler: (event: MediaQueryListEventMap[K]) => void,\n  element: RefObject<MediaQueryList>,\n  options?: boolean | AddEventListenerOptions,\n): void;\n\n// Window Event based useEventListener interface\nfunction useEventListener<K extends keyof WindowEventMap>(\n  eventName: K,\n  handler: (event: WindowEventMap[K]) => void,\n  element?: undefined,\n  options?: boolean | AddEventListenerOptions,\n): void;\n\n// Element Event based useEventListener interface\nfunction useEventListener<\n  K extends keyof HTMLElementEventMap & keyof SVGElementEventMap,\n  T extends Element = K extends keyof HTMLElementEventMap\n    ? HTMLDivElement\n    : SVGElement,\n>(\n  eventName: K,\n  handler:\n    | ((event: HTMLElementEventMap[K]) => void)\n    | ((event: SVGElementEventMap[K]) => void),\n  element: RefObject<T>,\n  options?: boolean | AddEventListenerOptions,\n): void;\n\n// Document Event based useEventListener interface\nfunction useEventListener<K extends keyof DocumentEventMap>(\n  eventName: K,\n  handler: (event: DocumentEventMap[K]) => void,\n  element: RefObject<Document>,\n  options?: boolean | AddEventListenerOptions,\n): void;\n\nfunction useEventListener<\n  KW extends keyof WindowEventMap,\n  KH extends keyof HTMLElementEventMap & keyof SVGElementEventMap,\n  KM extends keyof MediaQueryListEventMap,\n  T extends HTMLElement | SVGAElement | MediaQueryList = HTMLElement,\n>(\n  eventName: KW | KH | KM,\n  handler: (\n    event:\n      | WindowEventMap[KW]\n      | HTMLElementEventMap[KH]\n      | SVGElementEventMap[KH]\n      | MediaQueryListEventMap[KM]\n      | Event,\n  ) => void,\n  element?: RefObject<T>,\n  options?: boolean | AddEventListenerOptions,\n) {\n  // Create a ref that stores handler\n  const savedHandler = useRef(handler);\n\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    // Define the listening target\n    const targetElement: T | Window = element?.current ?? window;\n\n    if (!(targetElement && targetElement.addEventListener)) return;\n\n    // Create event listener that calls handler function stored in ref\n    const listener: typeof handler = (event) => {\n      savedHandler.current(event);\n    };\n\n    targetElement.addEventListener(eventName, listener, options);\n\n    // Remove event listener on cleanup\n    return () => {\n      targetElement.removeEventListener(eventName, listener, options);\n    };\n  }, [eventName, element, options]);\n}\n\nexport { useEventListener };\n"],"names":["useEventListener","eventName","handler","element","options","savedHandler","useRef","useIsomorphicLayoutEffect","current","useEffect","targetElement","window","addEventListener","listener","event","removeEventListener"],"mappings":"iKA8CA,SAASA,EAMPC,EACAC,EAQAC,EACAC,GAGA,MAAMC,EAAeC,EAAOJ,GAE5BK,EAA0B,KACxBF,EAAaG,QAAUN,GACtB,CAACA,IAEJO,EAAU,KAER,MAAMC,EAA4BP,GAASK,SAAWG,OAEtD,IAAMD,IAAiBA,EAAcE,iBAAmB,OAGxD,MAAMC,EAA4BC,IAChCT,EAAaG,QAAQM,IAMvB,OAHAJ,EAAcE,iBAAiBX,EAAWY,EAAUT,GAG7C,KACLM,EAAcK,oBAAoBd,EAAWY,EAAUT,KAExD,CAACH,EAAWE,EAASC,GAC1B"}

package/dist/useFormHelpers/useFormHelpers.d.ts

@@ -0,0 +1,10 @@
+export type FormHelpersProps = {
+    initialLoading?: boolean;
+    initialError?: string | unknown;
+};
+export declare function useFormHelpers(props: FormHelpersProps): {
+    loading: boolean;
+    error: {};
+    handleLoading: (l: boolean) => void;
+    handleError: (e: string | unknown) => void;
+};

package/dist/useFormHelpers/useFormHelpers.js

@@ -0,0 +1,2 @@
+"use client";import{useState as r}from"react";function n(n){const[o,i]=r(n?.initialLoading??!1),[e,t]=r(n?.initialError??"");return{loading:o,error:e,handleLoading:function(r){i(r)},handleError:function(r){"string"==typeof r&&t(r),r instanceof Error&&t(r.message),console.error(r)}}}export{n as useFormHelpers};
+//# sourceMappingURL=useFormHelpers.js.map

package/dist/useFormHelpers/useFormHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormHelpers.js","sources":["../../src/useFormHelpers/useFormHelpers.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\n\nexport type FormHelpersProps = {\n  initialLoading?: boolean;\n  initialError?: string | unknown;\n};\n\nexport function useFormHelpers(props: FormHelpersProps) {\n  const [loading, setLoading] = useState(props?.initialLoading ?? false);\n  const [error, setError] = useState(props?.initialError ?? \"\");\n\n  function handleLoading(l: boolean) {\n    setLoading(l);\n  }\n  function handleError(e: string | unknown) {\n    if (typeof e === \"string\") setError(e);\n    if (e instanceof Error) setError(e.message);\n    console.error(e);\n  }\n\n  return {\n    loading,\n    error,\n    handleLoading,\n    handleError,\n  };\n}\n"],"names":["useFormHelpers","props","loading","setLoading","useState","initialLoading","error","setError","initialError","handleLoading","l","handleError","e","Error","message","console"],"mappings":"8CASM,SAAUA,EAAeC,GAC7B,MAAOC,EAASC,GAAcC,EAASH,GAAOI,iBAAkB,IACzDC,EAAOC,GAAYH,EAASH,GAAOO,cAAgB,IAW1D,MAAO,CACLN,UACAI,QACAG,cAZF,SAAuBC,GACrBP,EAAWO,EACb,EAWEC,YAVF,SAAqBC,GACF,iBAANA,GAAgBL,EAASK,GAChCA,aAAaC,OAAON,EAASK,EAAEE,SACnCC,QAAQT,MAAMM,EAChB,EAQF"}

package/dist/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useLayoutEffect } from "react";
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/dist/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js

@@ -0,0 +1,2 @@
+"use client";import{useLayoutEffect as e,useEffect as o}from"react";const t="undefined"!=typeof window?e:o;export{t as useIsomorphicLayoutEffect};
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../src/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useLayoutEffect } from \"react\";\n\nexport const useIsomorphicLayoutEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":"oEAIO,MAAMA,EACO,oBAAXC,OAAyBC,EAAkBC"}

package/dist/useLocalStorage/useLocalStorage.d.ts

@@ -0,0 +1,13 @@
+import type { Dispatch, SetStateAction } from "react";
+declare global {
+    interface WindowEventMap {
+        "local-storage": CustomEvent;
+    }
+}
+type UseLocalStorageOptions<T> = {
+    serializer?: (value: T) => string;
+    deserializer?: (value: string) => T;
+    initializeWithValue?: boolean;
+};
+export declare function useLocalStorage<T>(key: string, initialValue: T | (() => T), options?: UseLocalStorageOptions<T>): [T, Dispatch<SetStateAction<T>>, () => void];
+export {};

package/dist/useLocalStorage/useLocalStorage.js

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

package/dist/useLocalStorage/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.js","sources":["../../src/useLocalStorage/useLocalStorage.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useState } from \"react\";\nimport type { Dispatch, SetStateAction } from \"react\";\nimport { useEventCallback } from \"../useEventCallback/useEventCallback\";\nimport { useEventListener } from \"../useEventListener/useEventListener\";\n\ndeclare global {\n  interface WindowEventMap {\n    \"local-storage\": CustomEvent;\n  }\n}\n\ntype UseLocalStorageOptions<T> = {\n  serializer?: (value: T) => string;\n  deserializer?: (value: string) => T;\n  initializeWithValue?: boolean;\n};\n\nconst IS_SERVER = typeof window === \"undefined\";\n\nexport function useLocalStorage<T>(\n  key: string,\n  initialValue: T | (() => T),\n  options: UseLocalStorageOptions<T> = {},\n): [T, Dispatch<SetStateAction<T>>, () => void] {\n  const { initializeWithValue = true } = options;\n\n  const serializer = useCallback<(value: T) => string>(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n\n      return JSON.stringify(value);\n    },\n    [options],\n  );\n\n  const deserializer = useCallback<(value: string) => T>(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      // Support 'undefined' as a value\n      if (value === \"undefined\") {\n        return undefined as unknown as T;\n      }\n\n      const defaultValue =\n        initialValue instanceof Function ? initialValue() : initialValue;\n\n      let parsed: unknown;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue; // Return initialValue if parsing fails\n      }\n\n      return parsed as T;\n    },\n    [options, initialValue],\n  );\n\n  // Get from local storage then\n  // parse stored json or return initialValue\n  const readValue = useCallback((): T => {\n    const initialValueToUse =\n      initialValue instanceof Function ? initialValue() : initialValue;\n\n    // Prevent build error \"window is undefined\" but keep working\n    if (IS_SERVER) {\n      return initialValueToUse;\n    }\n\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading localStorage key “${key}”:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to localStorage.\n  const setValue: Dispatch<SetStateAction<T>> = useEventCallback((value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (IS_SERVER) {\n      console.warn(\n        `Tried setting localStorage key “${key}” even though environment is not a client`,\n      );\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(readValue()) : value;\n\n      // Save to local storage\n      window.localStorage.setItem(key, serializer(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every similar useLocalStorage hook is notified\n      window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting localStorage key “${key}”:`, error);\n    }\n  });\n\n  const removeValue = useEventCallback(() => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (IS_SERVER) {\n      console.warn(\n        `Tried removing localStorage key “${key}” even though environment is not a client`,\n      );\n    }\n\n    const defaultValue =\n      initialValue instanceof Function ? initialValue() : initialValue;\n\n    // Remove the key from local storage\n    window.localStorage.removeItem(key);\n\n    // Save state with default value\n    setStoredValue(defaultValue);\n\n    // We dispatch a custom event so every similar useLocalStorage hook is notified\n    window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n  });\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key]);\n\n  const handleStorageChange = useCallback(\n    (event: StorageEvent | CustomEvent) => {\n      if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue],\n  );\n\n  // this only works for other documents, not the current one\n  useEventListener(\"storage\", handleStorageChange);\n\n  // this is a custom event, triggered in writeValueToLocalStorage\n  // See: useLocalStorage()\n  useEventListener(\"local-storage\", handleStorageChange);\n\n  return [storedValue, setValue, removeValue];\n}\n"],"names":["IS_SERVER","window","useLocalStorage","key","initialValue","options","initializeWithValue","serializer","useCallback","value","JSON","stringify","deserializer","defaultValue","Function","parsed","parse","error","console","readValue","initialValueToUse","raw","localStorage","getItem","warn","storedValue","setStoredValue","useState","setValue","useEventCallback","newValue","setItem","dispatchEvent","StorageEvent","removeValue","removeItem","useEffect","handleStorageChange","event","useEventListener"],"mappings":"oOAmBA,MAAMA,EAA8B,oBAAXC,OAEnB,SAAUC,EACdC,EACAC,EACAC,EAAqC,CAAA,GAErC,MAAMC,oBAAEA,GAAsB,GAASD,EAEjCE,EAAaC,EAChBC,GACKJ,EAAQE,WACHF,EAAQE,WAAWE,GAGrBC,KAAKC,UAAUF,GAExB,CAACJ,IAGGO,EAAeJ,EAClBC,IACC,GAAIJ,EAAQO,aACV,OAAOP,EAAQO,aAAaH,GAG9B,GAAc,cAAVA,EACF,OAGF,MAAMI,EACJT,aAAwBU,SAAWV,IAAiBA,EAEtD,IAAIW,EACJ,IACEA,EAASL,KAAKM,MAAMP,EACtB,CAAE,MAAOQ,GAEP,OADAC,QAAQD,MAAM,sBAAuBA,GAC9BJ,CACT,CAEA,OAAOE,GAET,CAACV,EAASD,IAKNe,EAAYX,EAAY,KAC5B,MAAMY,EACJhB,aAAwBU,SAAWV,IAAiBA,EAGtD,GAAIJ,EACF,OAAOoB,EAGT,IACE,MAAMC,EAAMpB,OAAOqB,aAAaC,QAAQpB,GACxC,OAAOkB,EAAMT,EAAaS,GAAOD,CACnC,CAAE,MAAOH,GAEP,OADAC,QAAQM,KAAK,mCAAmCrB,MAASc,GAClDG,CACT,GACC,CAAChB,EAAcD,EAAKS,KAEhBa,EAAaC,GAAkBC,EAAS,IACzCrB,EACKa,IAGFf,aAAwBU,SAAWV,IAAiBA,GAKvDwB,EAAwCC,EAAkBpB,IAE1DT,GACFkB,QAAQM,KACN,mCAAmCrB,8CAIvC,IAEE,MAAM2B,EAAWrB,aAAiBK,SAAWL,EAAMU,KAAeV,EAGlER,OAAOqB,aAAaS,QAAQ5B,EAAKI,EAAWuB,IAG5CJ,EAAeI,GAGf7B,OAAO+B,cAAc,IAAIC,aAAa,gBAAiB,CAAE9B,QAC3D,CAAE,MAAOc,GACPC,QAAQM,KAAK,mCAAmCrB,MAASc,EAC3D,IAGIiB,EAAcL,EAAiB,KAE/B7B,GACFkB,QAAQM,KACN,oCAAoCrB,8CAIxC,MAAMU,EACJT,aAAwBU,SAAWV,IAAiBA,EAGtDH,OAAOqB,aAAaa,WAAWhC,GAG/BuB,EAAeb,GAGfZ,OAAO+B,cAAc,IAAIC,aAAa,gBAAiB,CAAE9B,WAG3DiC,EAAU,KACRV,EAAeP,MAEd,CAAChB,IAEJ,MAAMkC,EAAsB7B,EACzB8B,IACMA,EAAuBnC,KAAQmC,EAAuBnC,MAAQA,GAGnEuB,EAAeP,MAEjB,CAAChB,EAAKgB,IAUR,OANAoB,EAAiB,UAAWF,GAI5BE,EAAiB,gBAAiBF,GAE3B,CAACZ,EAAaG,EAAUM,EACjC"}

package/dist/useMounted/useMounted.d.ts

@@ -0,0 +1,3 @@
+export declare function useMounted(): {
+    mounted: boolean;
+};

package/dist/useMounted/useMounted.js

@@ -0,0 +1,2 @@
+"use client";import{useState as t,useEffect as e}from"react";function n(){const[n,o]=t(!1);return e(()=>{o(!0)},[]),{mounted:n}}export{n as useMounted};
+//# sourceMappingURL=useMounted.js.map

package/dist/useMounted/useMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMounted.js","sources":["../../src/useMounted/useMounted.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\n\nexport function useMounted() {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n  return { mounted };\n}\n"],"names":["useMounted","mounted","setMounted","useState","useEffect"],"mappings":"sEAIgBA,IACd,MAAOC,EAASC,GAAcC,GAAS,GAIvC,OAHAC,EAAU,KACRF,GAAW,IACV,IACI,CAAED,UACX"}

package/dist/useMousePosition/useMousePosition.d.ts

@@ -0,0 +1,12 @@
+interface PositionMatrix {
+    x: number | undefined;
+    y: number | undefined;
+}
+export declare function useMousePosition({ includeTouch }: {
+    includeTouch: Boolean;
+}): {
+    mousePosition: PositionMatrix;
+    touchPosition: PositionMatrix;
+    mouseSpeed: number;
+};
+export {};

package/dist/useMousePosition/useMousePosition.js

@@ -0,0 +1,2 @@
+"use client";import{useState as e,useEffect as t}from"react";function o({includeTouch:o}){const[n,i]=e({x:void 0,y:void 0}),[c,s]=e({x:void 0,y:void 0}),[r,u]=e(0),[l,v]=e(void 0);return t(()=>{const e=e=>{let t,o;[t,o]=[e.clientX,e.clientY];var n=Math.abs(e.clientX-(l?.clientX?l?.clientX:0)),c=Math.abs(e.clientY-(l?.clientY?l?.clientY:0)),s=Math.sqrt(n*n+c*c),r=Math.round(10*s);u(r),i({x:t,y:o}),v(e)};return window.addEventListener("mousemove",e),()=>{window.removeEventListener("mousemove",e)}},[l]),t(()=>{const e=e=>{let t,o;if(e.touches){const n=e.touches[0];[t,o]=[n.clientX,n.clientY]}s({x:t,y:o})};return()=>{o&&window.removeEventListener("touchmove",e)}},[o]),{mousePosition:n,touchPosition:c,mouseSpeed:r}}export{o as useMousePosition};
+//# sourceMappingURL=useMousePosition.js.map

package/dist/useMousePosition/useMousePosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMousePosition.js","sources":["../../src/useMousePosition/useMousePosition.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\n\ninterface PositionMatrix {\n  x: number | undefined;\n  y: number | undefined;\n}\n\ntype Event = MouseEvent | undefined;\n\nexport function useMousePosition({ includeTouch }: { includeTouch: Boolean }) {\n  const [mousePosition, setMousePosition] = useState<PositionMatrix>({\n    x: undefined,\n    y: undefined,\n  });\n  const [touchPosition, setTouchPosition] = useState<PositionMatrix>({\n    x: undefined,\n    y: undefined,\n  });\n  const [mouseSpeed, setMouseSpeed] = useState(0);\n  const [prevEvent, setPrevEvent] = useState<Event>(undefined);\n  useEffect(() => {\n    const updateMousePosition = (currentEvent: MouseEvent) => {\n      let x, y;\n      [x, y] = [currentEvent.clientX, currentEvent.clientY];\n      var movementX = Math.abs(\n        currentEvent.clientX - (prevEvent?.clientX ? prevEvent?.clientX : 0)\n      );\n      var movementY = Math.abs(\n        currentEvent.clientY - (prevEvent?.clientY ? prevEvent?.clientY : 0)\n      );\n      var movement = Math.sqrt(movementX * movementX + movementY * movementY);\n      var speed = Math.round(10 * movement);\n      setMouseSpeed(speed);\n      setMousePosition({ x, y });\n      setPrevEvent(currentEvent);\n      // console.log(\"prevEvent\", prevEvent?.screenX);\n    };\n    window.addEventListener(\"mousemove\", updateMousePosition);\n    return () => {\n      window.removeEventListener(\"mousemove\", updateMousePosition);\n    };\n  }, [prevEvent]);\n  useEffect(() => {\n    const updateTouchPosition = (currentEvent: TouchEvent) => {\n      let x, y;\n      if (currentEvent.touches) {\n        const touch = currentEvent.touches[0];\n        [x, y] = [touch.clientX, touch.clientY];\n      }\n      setTouchPosition({ x, y });\n    };\n    return () => {\n      if (includeTouch) {\n        window.removeEventListener(\"touchmove\", updateTouchPosition);\n      }\n    };\n  }, [includeTouch]);\n  return { mousePosition, touchPosition, mouseSpeed };\n}\n"],"names":["useMousePosition","includeTouch","mousePosition","setMousePosition","useState","x","undefined","y","touchPosition","setTouchPosition","mouseSpeed","setMouseSpeed","prevEvent","setPrevEvent","useEffect","updateMousePosition","currentEvent","clientX","clientY","movementX","Math","abs","movementY","movement","sqrt","speed","round","window","addEventListener","removeEventListener","updateTouchPosition","touches","touch"],"mappings":"6DAUM,SAAUA,GAAiBC,aAAEA,IACjC,MAAOC,EAAeC,GAAoBC,EAAyB,CACjEC,OAAGC,EACHC,OAAGD,KAEEE,EAAeC,GAAoBL,EAAyB,CACjEC,OAAGC,EACHC,OAAGD,KAEEI,EAAYC,GAAiBP,EAAS,IACtCQ,EAAWC,GAAgBT,OAAgBE,GAsClD,OArCAQ,EAAU,KACR,MAAMC,EAAuBC,IAC3B,IAAIX,EAAGE,GACNF,EAAGE,GAAK,CAACS,EAAaC,QAASD,EAAaE,SAC7C,IAAIC,EAAYC,KAAKC,IACnBL,EAAaC,SAAWL,GAAWK,QAAUL,GAAWK,QAAU,IAEhEK,EAAYF,KAAKC,IACnBL,EAAaE,SAAWN,GAAWM,QAAUN,GAAWM,QAAU,IAEhEK,EAAWH,KAAKI,KAAKL,EAAYA,EAAYG,EAAYA,GACzDG,EAAQL,KAAKM,MAAM,GAAKH,GAC5BZ,EAAcc,GACdtB,EAAiB,CAAEE,IAAGE,MACtBM,EAAaG,IAIf,OADAW,OAAOC,iBAAiB,YAAab,GAC9B,KACLY,OAAOE,oBAAoB,YAAad,KAEzC,CAACH,IACJE,EAAU,KACR,MAAMgB,EAAuBd,IAC3B,IAAIX,EAAGE,EACP,GAAIS,EAAae,QAAS,CACxB,MAAMC,EAAQhB,EAAae,QAAQ,IAClC1B,EAAGE,GAAK,CAACyB,EAAMf,QAASe,EAAMd,QACjC,CACAT,EAAiB,CAAEJ,IAAGE,OAExB,MAAO,KACDN,GACF0B,OAAOE,oBAAoB,YAAaC,KAG3C,CAAC7B,IACG,CAAEC,gBAAeM,gBAAeE,aACzC"}

package/dist/useScreenSize/useScreenSize.d.ts

@@ -0,0 +1,17 @@
+type ScreenSize = {
+    width: number;
+    height: number;
+    isSmall: boolean;
+    isMedium: boolean;
+    isLarge: boolean;
+    isXLarge: boolean;
+    ltSmall: boolean;
+    ltMedium: boolean;
+    ltLarge: boolean;
+    ltXLarge: boolean;
+    gtSmall: boolean;
+    gtMedium: boolean;
+    gtLarge: boolean;
+} | null;
+export declare function useScreenSize(): Partial<ScreenSize>;
+export {};

package/dist/useScreenSize/useScreenSize.js

@@ -0,0 +1,2 @@
+"use client";import{useState as e,useEffect as t}from"react";import{useLocalStorage as i}from"../useLocalStorage/useLocalStorage.js";const r=Object.freeze({sm:600,md:900,lg:1281,xl:1536});function n(){const[n,s]=i("screen",{width:0,height:0}),[d,o]=e({...n});return t(()=>{const e=n.width,t=n.height;o({width:e,height:t,isSmall:e<r.sm,isMedium:e>=r.sm&&e<r.md,isLarge:e>=r.md&&e<r.lg,isXLarge:e>=r.lg,ltSmall:e<r.sm,ltMedium:e<r.md,ltLarge:e<r.lg,ltXLarge:e<r.xl,gtSmall:e>=r.sm,gtMedium:e>=r.md,gtLarge:e>=r.lg})},[n]),t(()=>{if("undefined"==typeof window)return;const e=()=>{const e=window.innerWidth,t=window.innerHeight;s({width:e,height:t})};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),d}export{n as useScreenSize};
+//# sourceMappingURL=useScreenSize.js.map

package/dist/useScreenSize/useScreenSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize.js","sources":["../../src/useScreenSize/useScreenSize.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\nimport { useLocalStorage } from \"../useLocalStorage/useLocalStorage\";\n\ntype ScreenSize = {\n  width: number;\n  height: number;\n  isSmall: boolean;\n  isMedium: boolean;\n  isLarge: boolean;\n  isXLarge: boolean;\n  ltSmall: boolean;\n  ltMedium: boolean;\n  ltLarge: boolean;\n  ltXLarge: boolean;\n  gtSmall: boolean;\n  gtMedium: boolean;\n  gtLarge: boolean;\n} | null;\n\n// Move breakpoints OUTSIDE. Prevents Rollup/minifiers from collapsing them.\nconst BREAKPOINTS = Object.freeze({\n  sm: 600,\n  md: 900,\n  lg: 1281,\n  xl: 1536,\n});\n\nexport function useScreenSize(): Partial<ScreenSize> {\n  const [screenSize, setScreenSize] = useLocalStorage(\"screen\", {\n    width: 0,\n    height: 0,\n  });\n  const [size, setSize] = useState<Partial<ScreenSize>>({ ...screenSize });\n\n  useEffect(() => {\n    const width = screenSize.width;\n    const height = screenSize.height;\n    setSize({\n      width,\n      height,\n      isSmall: width < BREAKPOINTS.sm,\n      isMedium: width >= BREAKPOINTS.sm && width < BREAKPOINTS.md,\n      isLarge: width >= BREAKPOINTS.md && width < BREAKPOINTS.lg,\n      isXLarge: width >= BREAKPOINTS.lg,\n\n      ltSmall: width < BREAKPOINTS.sm,\n      ltMedium: width < BREAKPOINTS.md,\n      ltLarge: width < BREAKPOINTS.lg,\n      ltXLarge: width < BREAKPOINTS.xl,\n\n      gtSmall: width >= BREAKPOINTS.sm,\n      gtMedium: width >= BREAKPOINTS.md,\n      gtLarge: width >= BREAKPOINTS.lg,\n    });\n  }, [screenSize]);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const compute = () => {\n      const width = window.innerWidth;\n      const height = window.innerHeight;\n      setScreenSize({ width, height });\n    };\n\n    compute();\n    window.addEventListener(\"resize\", compute);\n    return () => window.removeEventListener(\"resize\", compute);\n  }, []);\n\n  return size;\n}\n"],"names":["BREAKPOINTS","Object","freeze","sm","md","lg","xl","useScreenSize","screenSize","setScreenSize","useLocalStorage","width","height","size","setSize","useState","useEffect","isSmall","isMedium","isLarge","isXLarge","ltSmall","ltMedium","ltLarge","ltXLarge","gtSmall","gtMedium","gtLarge","window","compute","innerWidth","innerHeight","addEventListener","removeEventListener"],"mappings":"qIAsBA,MAAMA,EAAcC,OAAOC,OAAO,CAChCC,GAAI,IACJC,GAAI,IACJC,GAAI,KACJC,GAAI,gBAGUC,IACd,MAAOC,EAAYC,GAAiBC,EAAgB,SAAU,CAC5DC,MAAO,EACPC,OAAQ,KAEHC,EAAMC,GAAWC,EAA8B,IAAKP,IAsC3D,OApCAQ,EAAU,KACR,MAAML,EAAQH,EAAWG,MACnBC,EAASJ,EAAWI,OAC1BE,EAAQ,CACNH,QACAC,SACAK,QAASN,EAAQX,EAAYG,GAC7Be,SAAUP,GAASX,EAAYG,IAAMQ,EAAQX,EAAYI,GACzDe,QAASR,GAASX,EAAYI,IAAMO,EAAQX,EAAYK,GACxDe,SAAUT,GAASX,EAAYK,GAE/BgB,QAASV,EAAQX,EAAYG,GAC7BmB,SAAUX,EAAQX,EAAYI,GAC9BmB,QAASZ,EAAQX,EAAYK,GAC7BmB,SAAUb,EAAQX,EAAYM,GAE9BmB,QAASd,GAASX,EAAYG,GAC9BuB,SAAUf,GAASX,EAAYI,GAC/BuB,QAAShB,GAASX,EAAYK,MAE/B,CAACG,IAEJQ,EAAU,KACR,GAAsB,oBAAXY,OAAwB,OAEnC,MAAMC,EAAU,KACd,MAAMlB,EAAQiB,OAAOE,WACflB,EAASgB,OAAOG,YACtBtB,EAAc,CAAEE,QAAOC,YAKzB,OAFAiB,IACAD,OAAOI,iBAAiB,SAAUH,GAC3B,IAAMD,OAAOK,oBAAoB,SAAUJ,IACjD,IAEIhB,CACT"}

package/package.json

@@ -5,7 +5,7 @@
     "access": "public"
   },
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.2",
   "keywords": [
     "@studiocubics",
     "cubics",
@@ -26,19 +26,19 @@
     "./styles.css": "./dist/index.css"
   },
   "peerDependencies": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
   },
   "dependencies": {
-    "@studiocubics/types": "^0.0.1"
+    "@studiocubics/types": "^0.0.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.3.0",
     "@types/node": "^24.10.1",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "globals": "^16.5.0",

package/CHANGELOG.md

@@ -1,9 +0,0 @@
-# @studiocubics/hooks
-
-## 0.0.1
-
-### Patch Changes
-
-- First publish inshallah!
-- Updated dependencies
-  - @studiocubics/types@0.0.1

package/eslint.config.js

@@ -1,21 +0,0 @@
-import js from "@eslint/js";
-import globals from "globals";
-import reactHooks from "eslint-plugin-react-hooks";
-import tseslint from "typescript-eslint";
-import { defineConfig, globalIgnores } from "eslint/config";
-
-export default defineConfig([
-  globalIgnores(["dist"]),
-  {
-    files: ["**/*.{ts,tsx}"],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  },
-]);

package/src/useAnchorElement/useAnchorElement.tsx

@@ -1,15 +0,0 @@
-"use client";
-
-import { type MouseEvent, useMemo, useState } from "react";
-
-export function useAnchorElement<T extends HTMLElement>() {
-  const [anchorEl, setAnchorEl] = useState<T | null>(null);
-  const open = useMemo(() => Boolean(anchorEl), [anchorEl]);
-  const handleClick = (event: MouseEvent<T>) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  return { open, anchorEl, handleClick, handleClose, setAnchorEl };
-}

package/src/useDelayedAction/useDelayedAction.tsx

@@ -1,12 +0,0 @@
-"use client";
-
-import { useCallback } from "react";
-
-export function useDelayedAction() {
-  const delayedExecute = useCallback(async (fn: Function, ms: number) => {
-    await new Promise((resolve) => setTimeout(resolve, ms));
-    fn();
-  }, []);
-
-  return delayedExecute;
-}

package/src/useDisclosure/useDisclosure.tsx

@@ -1,36 +0,0 @@
-"use client";
-
-import { useState } from "react";
-
-export function useDisclosure(initialState: boolean = false) {
-  const [open, setOpen] = useState(initialState);
-
-  function handleOpen() {
-    setOpen(true);
-  }
-  function handleClose() {
-    setOpen(false);
-  }
-
-  /**
-   * Hijacking the handleClose function to prevent the dialog from closing when the user clicks outside the dialog or presses the escape key.
-   * @param _ event not going to be used.
-   * @param reason The reason the dialog was closed.
-   */
-  function handleStrictClose(_: {}, reason: "backdropClick" | "escapeKeyDown") {
-    if (reason === "backdropClick" || reason === "escapeKeyDown") return;
-    handleClose();
-  }
-
-  function handleToggle() {
-    setOpen((prev) => !prev);
-  }
-
-  return {
-    open,
-    handleClose,
-    handleStrictClose,
-    handleOpen,
-    handleToggle,
-  };
-}

package/src/useEventCallback/useEventCallback.tsx

@@ -1,26 +0,0 @@
-"use client";
-
-import { useCallback, useRef } from "react";
-import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect";
-
-export function useEventCallback<Args extends unknown[], R>(
-  fn: (...args: Args) => R
-): (...args: Args) => R;
-export function useEventCallback<Args extends unknown[], R>(
-  fn: ((...args: Args) => R) | undefined
-): ((...args: Args) => R) | undefined;
-export function useEventCallback<Args extends unknown[], R>(
-  fn: ((...args: Args) => R) | undefined
-): ((...args: Args) => R) | undefined {
-  const ref = useRef<typeof fn>(() => {
-    throw new Error("Cannot call an event handler while rendering.");
-  });
-
-  useIsomorphicLayoutEffect(() => {
-    ref.current = fn;
-  }, [fn]);
-
-  return useCallback((...args: Args) => ref.current?.(...args), [ref]) as (
-    ...args: Args
-  ) => R;
-}

package/src/useEventListener/useEventListener.tsx

@@ -1,92 +0,0 @@
-"use client";
-
-import { useEffect, useRef } from "react";
-
-import type { RefObject } from "react";
-import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect";
-
-// MediaQueryList Event based useEventListener interface
-function useEventListener<K extends keyof MediaQueryListEventMap>(
-  eventName: K,
-  handler: (event: MediaQueryListEventMap[K]) => void,
-  element: RefObject<MediaQueryList>,
-  options?: boolean | AddEventListenerOptions,
-): void;
-
-// Window Event based useEventListener interface
-function useEventListener<K extends keyof WindowEventMap>(
-  eventName: K,
-  handler: (event: WindowEventMap[K]) => void,
-  element?: undefined,
-  options?: boolean | AddEventListenerOptions,
-): void;
-
-// Element Event based useEventListener interface
-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<T>,
-  options?: boolean | AddEventListenerOptions,
-): void;
-
-// Document Event based useEventListener interface
-function useEventListener<K extends keyof DocumentEventMap>(
-  eventName: K,
-  handler: (event: DocumentEventMap[K]) => void,
-  element: RefObject<Document>,
-  options?: boolean | AddEventListenerOptions,
-): void;
-
-function useEventListener<
-  KW extends keyof WindowEventMap,
-  KH extends keyof HTMLElementEventMap & keyof SVGElementEventMap,
-  KM extends keyof MediaQueryListEventMap,
-  T extends HTMLElement | SVGAElement | MediaQueryList = HTMLElement,
->(
-  eventName: KW | KH | KM,
-  handler: (
-    event:
-      | WindowEventMap[KW]
-      | HTMLElementEventMap[KH]
-      | SVGElementEventMap[KH]
-      | MediaQueryListEventMap[KM]
-      | Event,
-  ) => void,
-  element?: RefObject<T>,
-  options?: boolean | AddEventListenerOptions,
-) {
-  // Create a ref that stores handler
-  const savedHandler = useRef(handler);
-
-  useIsomorphicLayoutEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-
-  useEffect(() => {
-    // Define the listening target
-    const targetElement: T | Window = element?.current ?? window;
-
-    if (!(targetElement && targetElement.addEventListener)) return;
-
-    // Create event listener that calls handler function stored in ref
-    const listener: typeof handler = (event) => {
-      savedHandler.current(event);
-    };
-
-    targetElement.addEventListener(eventName, listener, options);
-
-    // Remove event listener on cleanup
-    return () => {
-      targetElement.removeEventListener(eventName, listener, options);
-    };
-  }, [eventName, element, options]);
-}
-
-export { useEventListener };

package/src/useFormHelpers/useFormHelpers.tsx

@@ -1,29 +0,0 @@
-"use client";
-
-import { useState } from "react";
-
-export type FormHelpersProps = {
-  initialLoading?: boolean;
-  initialError?: string | unknown;
-};
-
-export function useFormHelpers(props: FormHelpersProps) {
-  const [loading, setLoading] = useState(props?.initialLoading ?? false);
-  const [error, setError] = useState(props?.initialError ?? "");
-
-  function handleLoading(l: boolean) {
-    setLoading(l);
-  }
-  function handleError(e: string | unknown) {
-    if (typeof e === "string") setError(e);
-    if (e instanceof Error) setError(e.message);
-    console.error(e);
-  }
-
-  return {
-    loading,
-    error,
-    handleLoading,
-    handleError,
-  };
-}

package/src/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.tsx

@@ -1,6 +0,0 @@
-"use client";
-
-import { useEffect, useLayoutEffect } from "react";
-
-export const useIsomorphicLayoutEffect =
-  typeof window !== "undefined" ? useLayoutEffect : useEffect;

package/src/useLocalStorage/useLocalStorage.tsx

@@ -1,165 +0,0 @@
-"use client";
-
-import { useCallback, useEffect, useState } from "react";
-import type { Dispatch, SetStateAction } from "react";
-import { useEventCallback } from "../useEventCallback/useEventCallback";
-import { useEventListener } from "../useEventListener/useEventListener";
-
-declare global {
-  interface WindowEventMap {
-    "local-storage": CustomEvent;
-  }
-}
-
-type UseLocalStorageOptions<T> = {
-  serializer?: (value: T) => string;
-  deserializer?: (value: string) => T;
-  initializeWithValue?: boolean;
-};
-
-const IS_SERVER = typeof window === "undefined";
-
-export function useLocalStorage<T>(
-  key: string,
-  initialValue: T | (() => T),
-  options: UseLocalStorageOptions<T> = {},
-): [T, Dispatch<SetStateAction<T>>, () => void] {
-  const { initializeWithValue = true } = options;
-
-  const serializer = useCallback<(value: T) => string>(
-    (value) => {
-      if (options.serializer) {
-        return options.serializer(value);
-      }
-
-      return JSON.stringify(value);
-    },
-    [options],
-  );
-
-  const deserializer = useCallback<(value: string) => T>(
-    (value) => {
-      if (options.deserializer) {
-        return options.deserializer(value);
-      }
-      // Support 'undefined' as a value
-      if (value === "undefined") {
-        return undefined as unknown as T;
-      }
-
-      const defaultValue =
-        initialValue instanceof Function ? initialValue() : initialValue;
-
-      let parsed: unknown;
-      try {
-        parsed = JSON.parse(value);
-      } catch (error) {
-        console.error("Error parsing JSON:", error);
-        return defaultValue; // Return initialValue if parsing fails
-      }
-
-      return parsed as T;
-    },
-    [options, initialValue],
-  );
-
-  // Get from local storage then
-  // parse stored json or return initialValue
-  const readValue = useCallback((): T => {
-    const initialValueToUse =
-      initialValue instanceof Function ? initialValue() : initialValue;
-
-    // Prevent build error "window is undefined" but keep working
-    if (IS_SERVER) {
-      return initialValueToUse;
-    }
-
-    try {
-      const raw = window.localStorage.getItem(key);
-      return raw ? deserializer(raw) : initialValueToUse;
-    } catch (error) {
-      console.warn(`Error reading localStorage key “${key}”:`, error);
-      return initialValueToUse;
-    }
-  }, [initialValue, key, deserializer]);
-
-  const [storedValue, setStoredValue] = useState(() => {
-    if (initializeWithValue) {
-      return readValue();
-    }
-
-    return initialValue instanceof Function ? initialValue() : initialValue;
-  });
-
-  // Return a wrapped version of useState's setter function that ...
-  // ... persists the new value to localStorage.
-  const setValue: Dispatch<SetStateAction<T>> = useEventCallback((value) => {
-    // Prevent build error "window is undefined" but keeps working
-    if (IS_SERVER) {
-      console.warn(
-        `Tried setting localStorage key “${key}” even though environment is not a client`,
-      );
-    }
-
-    try {
-      // Allow value to be a function so we have the same API as useState
-      const newValue = value instanceof Function ? value(readValue()) : value;
-
-      // Save to local storage
-      window.localStorage.setItem(key, serializer(newValue));
-
-      // Save state
-      setStoredValue(newValue);
-
-      // We dispatch a custom event so every similar useLocalStorage hook is notified
-      window.dispatchEvent(new StorageEvent("local-storage", { key }));
-    } catch (error) {
-      console.warn(`Error setting localStorage key “${key}”:`, error);
-    }
-  });
-
-  const removeValue = useEventCallback(() => {
-    // Prevent build error "window is undefined" but keeps working
-    if (IS_SERVER) {
-      console.warn(
-        `Tried removing localStorage key “${key}” even though environment is not a client`,
-      );
-    }
-
-    const defaultValue =
-      initialValue instanceof Function ? initialValue() : initialValue;
-
-    // Remove the key from local storage
-    window.localStorage.removeItem(key);
-
-    // Save state with default value
-    setStoredValue(defaultValue);
-
-    // We dispatch a custom event so every similar useLocalStorage hook is notified
-    window.dispatchEvent(new StorageEvent("local-storage", { key }));
-  });
-
-  useEffect(() => {
-    setStoredValue(readValue());
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [key]);
-
-  const handleStorageChange = useCallback(
-    (event: StorageEvent | CustomEvent) => {
-      if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {
-        return;
-      }
-      setStoredValue(readValue());
-    },
-    [key, readValue],
-  );
-
-  // this only works for other documents, not the current one
-  useEventListener("storage", handleStorageChange);
-
-  // this is a custom event, triggered in writeValueToLocalStorage
-  // See: useLocalStorage()
-  useEventListener("local-storage", handleStorageChange);
-
-  return [storedValue, setValue, removeValue];
-}

package/src/useMounted/useMounted.tsx

@@ -1,11 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-
-export function useMounted() {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  return { mounted };
-}

package/src/useMousePosition/useMousePosition.tsx

@@ -1,60 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-
-interface PositionMatrix {
-  x: number | undefined;
-  y: number | undefined;
-}
-
-type Event = MouseEvent | undefined;
-
-export function useMousePosition({ includeTouch }: { includeTouch: Boolean }) {
-  const [mousePosition, setMousePosition] = useState<PositionMatrix>({
-    x: undefined,
-    y: undefined,
-  });
-  const [touchPosition, setTouchPosition] = useState<PositionMatrix>({
-    x: undefined,
-    y: undefined,
-  });
-  const [mouseSpeed, setMouseSpeed] = useState(0);
-  const [prevEvent, setPrevEvent] = useState<Event>(undefined);
-  useEffect(() => {
-    const updateMousePosition = (currentEvent: MouseEvent) => {
-      let x, y;
-      [x, y] = [currentEvent.clientX, currentEvent.clientY];
-      var movementX = Math.abs(
-        currentEvent.clientX - (prevEvent?.clientX ? prevEvent?.clientX : 0)
-      );
-      var movementY = Math.abs(
-        currentEvent.clientY - (prevEvent?.clientY ? prevEvent?.clientY : 0)
-      );
-      var movement = Math.sqrt(movementX * movementX + movementY * movementY);
-      var speed = Math.round(10 * movement);
-      setMouseSpeed(speed);
-      setMousePosition({ x, y });
-      setPrevEvent(currentEvent);
-      // console.log("prevEvent", prevEvent?.screenX);
-    };
-    window.addEventListener("mousemove", updateMousePosition);
-    return () => {
-      window.removeEventListener("mousemove", updateMousePosition);
-    };
-  }, [prevEvent]);
-  useEffect(() => {
-    const updateTouchPosition = (currentEvent: TouchEvent) => {
-      let x, y;
-      if (currentEvent.touches) {
-        const touch = currentEvent.touches[0];
-        [x, y] = [touch.clientX, touch.clientY];
-      }
-      setTouchPosition({ x, y });
-    };
-    return () => {
-      if (includeTouch) {
-        window.removeEventListener("touchmove", updateTouchPosition);
-      }
-    };
-  }, [includeTouch]);
-  return { mousePosition, touchPosition, mouseSpeed };
-}

package/src/useScreenSize/useScreenSize.tsx

@@ -1,74 +0,0 @@
-"use client";
-
-import { useState, useEffect } from "react";
-import { useLocalStorage } from "../useLocalStorage/useLocalStorage";
-
-type ScreenSize = {
-  width: number;
-  height: number;
-  isSmall: boolean;
-  isMedium: boolean;
-  isLarge: boolean;
-  isXLarge: boolean;
-  ltSmall: boolean;
-  ltMedium: boolean;
-  ltLarge: boolean;
-  ltXLarge: boolean;
-  gtSmall: boolean;
-  gtMedium: boolean;
-  gtLarge: boolean;
-} | null;
-
-// Move breakpoints OUTSIDE. Prevents Rollup/minifiers from collapsing them.
-const BREAKPOINTS = Object.freeze({
-  sm: 600,
-  md: 900,
-  lg: 1281,
-  xl: 1536,
-});
-
-export function useScreenSize(): Partial<ScreenSize> {
-  const [screenSize, setScreenSize] = useLocalStorage("screen", {
-    width: 0,
-    height: 0,
-  });
-  const [size, setSize] = useState<Partial<ScreenSize>>({ ...screenSize });
-
-  useEffect(() => {
-    const width = screenSize.width;
-    const height = screenSize.height;
-    setSize({
-      width,
-      height,
-      isSmall: width < BREAKPOINTS.sm,
-      isMedium: width >= BREAKPOINTS.sm && width < BREAKPOINTS.md,
-      isLarge: width >= BREAKPOINTS.md && width < BREAKPOINTS.lg,
-      isXLarge: width >= BREAKPOINTS.lg,
-
-      ltSmall: width < BREAKPOINTS.sm,
-      ltMedium: width < BREAKPOINTS.md,
-      ltLarge: width < BREAKPOINTS.lg,
-      ltXLarge: width < BREAKPOINTS.xl,
-
-      gtSmall: width >= BREAKPOINTS.sm,
-      gtMedium: width >= BREAKPOINTS.md,
-      gtLarge: width >= BREAKPOINTS.lg,
-    });
-  }, [screenSize]);
-
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-
-    const compute = () => {
-      const width = window.innerWidth;
-      const height = window.innerHeight;
-      setScreenSize({ width, height });
-    };
-
-    compute();
-    window.addEventListener("resize", compute);
-    return () => window.removeEventListener("resize", compute);
-  }, []);
-
-  return size;
-}

package/tsconfig.json

@@ -1,31 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "resolveJsonModule": true,
-    "allowJs": true,
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-    // Output
-    "declaration": true,
-    "outDir": "./dist",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}