minimal-shared 0.0.2 → 0.0.3

package/README.md

@@ -1,3 +1,3 @@
-# @minimals shared
+# minimal-shared
 
 Shared hooks and utils used by Mnimal UI and Zone UI.

package/dist/hooks/index.d.ts

@@ -1,19 +1,17 @@
 export { UseTabsReturn, useTabs } from './use-tabs/use-tabs.js';
 export { UseBooleanReturn, useBoolean } from './use-boolean/use-boolean.js';
 export { UsePopoverReturn, usePopover } from './use-popover/use-popover.js';
-export { UseCookiesReturn, useCookies } from './use-cookies/use-cookies.js';
+export { UseCookiesOptions, UseCookiesReturn, useCookies } from './use-cookies/use-cookies.js';
 export { UseDebounceReturn, useDebounce } from './use-debounce/use-debounce.js';
 export { UseSetStateReturn, useSetState } from './use-set-state/use-set-state.js';
 export { UseIsClientReturn, useIsClient } from './use-is-client/use-is-client.js';
-export { UseTextInputReturn, useTextInput } from './use-text-input/use-text-input.js';
 export { UseBackToTopReturn, useBackToTop } from './use-back-to-top/use-back-to-top.js';
 export { UseClientRectReturn, useClientRect } from './use-client-rect/use-client-rect.js';
 export { UseMultiSelectReturn, updateSelectedItems, useMultiSelect } from './use-multi-select/use-multi-select.js';
 export { UseDoubleClickReturn, useDoubleClick } from './use-double-click/use-double-click.js';
-export { UseLocalStorageReturn, useLocalStorage } from './use-local-storage/use-local-storage.js';
+export { UseLocalStorageOptions, UseLocalStorageReturn, useLocalStorage } from './use-local-storage/use-local-storage.js';
 export { usePopoverHover } from './use-popover-hover/use-popover-hover.js';
 export { UseCountdownDateReturn, useCountdownDate } from './use-countdown-date/use-countdown-date.js';
-export { useEventListener } from './use-event-listener/use-event-listener.js';
 export { UseScrollOffsetTopReturn, useScrollOffsetTop } from './use-scroll-offset-top/use-scroll-offset-top.js';
 export { UseCountdownSecondsReturn, useCountdownSeconds } from './use-countdown-seconds/use-countdown-seconds.js';
 export { CopiedValue, CopyFn, UseCopyToClipboardReturn, useCopyToClipboard } from './use-copy-to-clipboard/use-copy-to-clipboard.js';

package/dist/hooks/index.js

@@ -5,7 +5,6 @@ export * from './use-cookies';
 export * from './use-debounce';
 export * from './use-set-state';
 export * from './use-is-client';
-export * from './use-text-input';
 export * from './use-back-to-top';
 export * from './use-client-rect';
 export * from './use-multi-select';
@@ -13,7 +12,6 @@ export * from './use-double-click';
 export * from './use-local-storage';
 export * from './use-popover-hover';
 export * from './use-countdown-date';
-export * from './use-event-listener';
 export * from './use-scroll-offset-top';
 export * from './use-countdown-seconds';
 export * from './use-copy-to-clipboard';

package/dist/hooks/use-back-to-top/use-back-to-top.js

@@ -1,64 +1 @@
-// src/hooks/use-back-to-top/use-back-to-top.ts
-import { useMemo, useState, useEffect, useCallback } from "react";
-function useBackToTop(defaultValue, isDebounce) {
-  const [isVisible, setIsVisible] = useState(false);
-  const parseValue = parseValueInput(defaultValue);
-  const handleScroll = useCallback(() => {
-    const windowInnerHeight = window.innerHeight;
-    const windowScrollY = Math.round(window.scrollY);
-    const documentOffsetHeight = document.body.offsetHeight;
-    const scrollProgress = Math.round(
-      windowScrollY / (documentOffsetHeight - windowInnerHeight) * 100
-    );
-    if (parseValue.type === "percentage") {
-      setIsVisible(scrollProgress >= parseValue.value);
-    } else {
-      const distanceValue = documentOffsetHeight - windowInnerHeight - windowScrollY;
-      setIsVisible(parseValue.value >= distanceValue);
-    }
-  }, [parseValue.type, parseValue.value]);
-  const debouncedHandleScroll = useMemo(() => {
-    let timeoutId;
-    return () => {
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(handleScroll, 100);
-    };
-  }, [handleScroll]);
-  useEffect(() => {
-    const scrollHandler = isDebounce ? debouncedHandleScroll : handleScroll;
-    window.addEventListener("scroll", scrollHandler);
-    return () => {
-      window.removeEventListener("scroll", scrollHandler);
-    };
-  }, [debouncedHandleScroll, handleScroll, isDebounce]);
-  const onBackToTop = () => {
-    window.scrollTo({ top: 0, behavior: "smooth" });
-  };
-  return {
-    isVisible,
-    onBackToTop,
-    setIsVisible
-  };
-}
-function parseValueInput(inputValue) {
-  let value;
-  let type;
-  if (typeof inputValue === "string") {
-    if (inputValue.endsWith("%")) {
-      value = Number(inputValue.slice(0, -1));
-      if (isNaN(value)) {
-        throw new Error("Invalid percentage value");
-      }
-      type = "percentage";
-    } else {
-      throw new Error("String input must end with %");
-    }
-  } else {
-    value = inputValue;
-    type = "number";
-  }
-  return { value, type };
-}
-export {
-  useBackToTop
-};
+import{useMemo as p,useState as m,useEffect as w,useCallback as b}from"react";function g(t,o){let[n,i]=m(!1),r=f(t),s=b(()=>{let e=window.innerHeight,c=Math.round(window.scrollY),a=document.body.offsetHeight,u=Math.round(c/(a-e)*100);if(r.type==="percentage")i(u>=r.value);else{let d=a-e-c;i(r.value>=d)}},[r.type,r.value]),l=p(()=>{let e;return()=>{clearTimeout(e),e=setTimeout(s,100)}},[s]);return w(()=>{let e=o?l:s;return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[l,s,o]),{isVisible:n,onBackToTop:()=>{window.scrollTo({top:0,behavior:"smooth"})},setIsVisible:i}}function f(t){let o,n;if(typeof t=="string")if(t.endsWith("%")){if(o=Number(t.slice(0,-1)),isNaN(o))throw new Error("Invalid percentage value");n="percentage"}else throw new Error("String input must end with %");else o=t,n="number";return{value:o,type:n}}export{g as useBackToTop};

package/dist/hooks/use-boolean/use-boolean.js

@@ -1,24 +1 @@
-// src/hooks/use-boolean/use-boolean.ts
-import { useState, useCallback } from "react";
-function useBoolean(defaultValue = false) {
-  const [value, setValue] = useState(defaultValue);
-  const onTrue = useCallback(() => {
-    setValue(true);
-  }, []);
-  const onFalse = useCallback(() => {
-    setValue(false);
-  }, []);
-  const onToggle = useCallback(() => {
-    setValue((prev) => !prev);
-  }, []);
-  return {
-    value,
-    onTrue,
-    onFalse,
-    onToggle,
-    setValue
-  };
-}
-export {
-  useBoolean
-};
+import{useState as u,useCallback as o}from"react";function i(t=!1){let[n,e]=u(t),a=o(()=>{e(!0)},[]),l=o(()=>{e(!1)},[]),s=o(()=>{e(r=>!r)},[]);return{value:n,onTrue:a,onFalse:l,onToggle:s,setValue:e}}export{i as useBoolean};

package/dist/hooks/use-client-rect/use-client-rect.js

@@ -1,47 +1 @@
-// src/hooks/use-client-rect/use-client-rect.ts
-import { useRef, useMemo, useState, useEffect, useCallback, useLayoutEffect } from "react";
-function useClientRect(inputRef, eventType) {
-  const initialRef = useRef(null);
-  const elementRef = inputRef || initialRef;
-  const [rect, setRect] = useState(void 0);
-  const [scroll, setScroll] = useState(void 0);
-  const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-  const handleBoundingClientRect = useCallback(() => {
-    if (elementRef.current) {
-      const clientRect = elementRef.current.getBoundingClientRect();
-      setRect(clientRect);
-      setScroll({
-        scrollWidth: elementRef.current.scrollWidth,
-        scrollHeight: elementRef.current.scrollHeight
-      });
-    }
-  }, [elementRef]);
-  useIsomorphicLayoutEffect(() => {
-    handleBoundingClientRect();
-  }, [handleBoundingClientRect]);
-  useEffect(() => {
-    const event = eventType || "resize";
-    window.addEventListener(event, handleBoundingClientRect);
-    return () => {
-      window.removeEventListener(event, handleBoundingClientRect);
-    };
-  }, [eventType, handleBoundingClientRect]);
-  const memoizedRectValue = useMemo(() => rect, [rect]);
-  const memoizedScrollValue = useMemo(() => scroll, [scroll]);
-  return {
-    elementRef,
-    top: memoizedRectValue?.top ?? 0,
-    right: memoizedRectValue?.right ?? 0,
-    bottom: memoizedRectValue?.bottom ?? 0,
-    left: memoizedRectValue?.left ?? 0,
-    x: memoizedRectValue?.x ?? 0,
-    y: memoizedRectValue?.y ?? 0,
-    width: memoizedRectValue?.width ?? 0,
-    height: memoizedRectValue?.height ?? 0,
-    scrollWidth: memoizedScrollValue?.scrollWidth ?? 0,
-    scrollHeight: memoizedScrollValue?.scrollHeight ?? 0
-  };
-}
-export {
-  useClientRect
-};
+import{useRef as a,useMemo as u,useState as s,useEffect as m,useCallback as g,useLayoutEffect as p}from"react";function w(d,r){let f=a(null),t=d||f,[o,h]=s(void 0),[c,R]=s(void 0),b=typeof window<"u"?p:m,n=g(()=>{if(t.current){let l=t.current.getBoundingClientRect();h(l),R({scrollWidth:t.current.scrollWidth,scrollHeight:t.current.scrollHeight})}},[t]);b(()=>{n()},[n]),m(()=>{let l=r||"resize";return window.addEventListener(l,n),()=>{window.removeEventListener(l,n)}},[r,n]);let e=u(()=>o,[o]),i=u(()=>c,[c]);return{elementRef:t,top:e?.top??0,right:e?.right??0,bottom:e?.bottom??0,left:e?.left??0,x:e?.x??0,y:e?.y??0,width:e?.width??0,height:e?.height??0,scrollWidth:i?.scrollWidth??0,scrollHeight:i?.scrollHeight??0}}export{w as useClientRect};

package/dist/hooks/use-cookies/index.d.ts

@@ -1 +1 @@
-export { UseCookiesReturn, useCookies } from './use-cookies.js';
+export { UseCookiesOptions, UseCookiesReturn, useCookies } from './use-cookies.js';

package/dist/hooks/use-cookies/use-cookies.d.ts

@@ -3,18 +3,18 @@
  *
  * @param {string} key - The key for the cookie.
  * @param {T} initialState - The initial state value.
- * @param {T} defaultValues - The default values to reset to.
  * @param {Object} [options] - Optional settings.
+ * @param {boolean} [options.initializeWithValue=true] - Whether to initialize the cookie with the initial state value.
  * @param {number} [options.daysUntilExpiration] - Number of days until the cookie expires.
  *
  * @returns {UseCookiesReturn<T>} - An object containing:
  * - `state`: The current state.
- * - `resetState`: A function to reset the state to default values.
- * - `setState`: A function to update the state.
- * - `setField`: A function to update a specific field in the state.
+ * - `resetState`: A function to reset the state to the initial value and remove the cookie.
+ * - `setState`: A function to update the state and save it to the cookie.
+ * - `setField`: A function to update a specific field in the state and save it to the cookie.
  *
  * @example
- * const { state, setState, setField, resetState } = useCookies('user', { name: '', age: 0 }, { name: '', age: 0 });
+ * const { state, setState, setField, resetState } = useCookies('user', { name: '', age: 0 });
  *
  * return (
  *   <div>
@@ -25,15 +25,16 @@
  *   </div>
  * );
  */
+type UseCookiesOptions = {
+    initializeWithValue?: boolean;
+    daysUntilExpiration?: number;
+};
 type UseCookiesReturn<T> = {
     state: T;
     resetState: (defaultState?: T) => void;
     setState: (updateState: T | Partial<T>) => void;
     setField: (name: keyof T, updateValue: T[keyof T]) => void;
 };
-declare function useCookies<T>(key: string, initialState?: T, options?: {
-    initOnLoad?: boolean;
-    daysUntilExpiration?: number;
-}): UseCookiesReturn<T>;
+declare function useCookies<T>(key: string, initialState?: T, options?: UseCookiesOptions): UseCookiesReturn<T>;
 
-export { type UseCookiesReturn, useCookies };
+export { type UseCookiesOptions, type UseCookiesReturn, useCookies };

package/dist/hooks/use-cookies/use-cookies.js

@@ -1,110 +1 @@
-// src/hooks/use-cookies/use-cookies.ts
-import { useMemo, useState, useEffect, useCallback } from "react";
-
-// src/utils/cookies/cookies.ts
-function getCookie(key) {
-  try {
-    const keyName = `${key}=`;
-    const cDecoded = decodeURIComponent(document.cookie);
-    const cArr = cDecoded.split("; ");
-    for (const val of cArr) {
-      if (val.startsWith(keyName)) {
-        const cookieValue = val.substring(keyName.length);
-        try {
-          return JSON.parse(cookieValue);
-        } catch {
-          return cookieValue;
-        }
-      }
-    }
-  } catch {
-    return null;
-  }
-  return null;
-}
-function setCookie(key, value, daysUntilExpiration = 0) {
-  try {
-    const serializedValue = encodeURIComponent(JSON.stringify(value));
-    let cookieOptions = `${key}=${serializedValue}; path=/`;
-    if (daysUntilExpiration > 0) {
-      const expirationDate = new Date(Date.now() + daysUntilExpiration * 24 * 60 * 60 * 1e3);
-      cookieOptions += `; expires=${expirationDate.toUTCString()}`;
-    }
-    document.cookie = cookieOptions;
-  } catch (error) {
-    console.error("Error while setting cookie:", error);
-  }
-}
-function removeCookie(key) {
-  try {
-    document.cookie = `${key}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
-  } catch (error) {
-    console.error("Error while removing cookie:", error);
-  }
-}
-
-// src/hooks/use-cookies/use-cookies.ts
-function useCookies(key, initialState, options) {
-  const isValuePresent = !!getCookie(key);
-  const storedValue = getCookie(key) ?? initialState;
-  const [state, set] = useState(storedValue);
-  const { initOnLoad = true, daysUntilExpiration } = options ?? {};
-  const hasMultipleValues = state && typeof state === "object";
-  useEffect(() => {
-    if (storedValue) {
-      if (hasMultipleValues) {
-        set((prevValue) => ({ ...prevValue, ...storedValue }));
-      } else {
-        set(storedValue);
-      }
-      if (!isValuePresent && initOnLoad) {
-        setCookie(key, storedValue, daysUntilExpiration);
-      }
-    }
-  }, []);
-  const setState = useCallback(
-    (updateState) => {
-      if (hasMultipleValues) {
-        set((prevValue) => {
-          const updatedState = { ...prevValue, ...updateState };
-          setCookie(key, updatedState, daysUntilExpiration);
-          return updatedState;
-        });
-      } else {
-        setCookie(key, updateState, daysUntilExpiration);
-        set(updateState);
-      }
-    },
-    [hasMultipleValues, key, daysUntilExpiration]
-  );
-  const setField = useCallback(
-    (name, updateValue) => {
-      if (hasMultipleValues) {
-        setState({ [name]: updateValue });
-      }
-    },
-    [hasMultipleValues, setState]
-  );
-  const resetState = useCallback(
-    (defaultState) => {
-      if (defaultState) {
-        set(defaultState);
-      }
-      removeCookie(key);
-    },
-    [key]
-  );
-  const memoizedValue = useMemo(
-    () => ({
-      state,
-      setState,
-      setField,
-      resetState
-    }),
-    [resetState, setField, setState, state]
-  );
-  return memoizedValue;
-}
-export {
-  useCookies
-};
+import{useMemo as h,useState as g,useEffect as x,useCallback as T}from"react";function k(o){try{let e=`${o}=`,n=decodeURIComponent(document.cookie).split("; ");for(let r of n)if(r.startsWith(e)){let s=r.substring(e.length);try{return JSON.parse(s)}catch{return s}}}catch{return null}return null}function l(o,e,i=0){try{let n=encodeURIComponent(JSON.stringify(e)),r=`${o}=${n}; path=/`;if(i>0){let s=new Date(Date.now()+i*24*60*60*1e3);r+=`; expires=${s.toUTCString()}`}document.cookie=r}catch(n){console.error("Error while setting cookie:",n)}}function C(o){try{document.cookie=`${o}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`}catch(e){console.error("Error while removing cookie:",e)}}function b(o,e,i){let{initializeWithValue:n=!0,daysUntilExpiration:r}=i??{},s=e&&typeof e=="object",[d,a]=g(e);x(()=>{let t=k(o);t?a(s?c=>({...c,...t}):t):e&&n&&l(o,e,r)},[]);let u=T(t=>{s?a(c=>{let m={...c,...t};return l(o,m,r),m}):(l(o,t,r),a(t))},[s,o,r]),p=T((t,c)=>{s&&u({[t]:c})},[s,u]),f=T(t=>{a(t??e),C(o)},[e,o]);return h(()=>({state:d,setState:u,setField:p,resetState:f}),[f,p,u,d])}export{b as useCookies};

package/dist/hooks/use-copy-to-clipboard/use-copy-to-clipboard.js

@@ -1,27 +1 @@
-// src/hooks/use-copy-to-clipboard/use-copy-to-clipboard.ts
-import { useState, useCallback } from "react";
-function useCopyToClipboard() {
-  const [copiedText, setCopiedText] = useState(null);
-  const copy = useCallback(
-    async (text) => {
-      if (!navigator?.clipboard) {
-        console.warn("Clipboard not supported");
-        return false;
-      }
-      try {
-        await navigator.clipboard.writeText(text);
-        setCopiedText(text);
-        return true;
-      } catch (error) {
-        console.warn("Copy failed", error);
-        setCopiedText(null);
-        return false;
-      }
-    },
-    [setCopiedText]
-  );
-  return { copy, copiedText };
-}
-export {
-  useCopyToClipboard
-};
+import{useState as p,useCallback as n}from"react";function l(){let[r,o]=p(null);return{copy:n(async e=>{if(!navigator?.clipboard)return console.warn("Clipboard not supported"),!1;try{return await navigator.clipboard.writeText(e),o(e),!0}catch(t){return console.warn("Copy failed",t),o(null),!1}},[o]),copiedText:r}}export{l as useCopyToClipboard};

package/dist/hooks/use-countdown-date/use-countdown-date.js

@@ -1,41 +1 @@
-// src/hooks/use-countdown-date/use-countdown-date.ts
-import { useState, useEffect, useCallback } from "react";
-function useCountdownDate(targetDate, placeholder = "- -") {
-  const [value, setValue] = useState({
-    days: placeholder,
-    hours: placeholder,
-    minutes: placeholder,
-    seconds: placeholder
-  });
-  const handleUpdate = useCallback(() => {
-    const now = /* @__PURE__ */ new Date();
-    const { days, hours, minutes, seconds } = calculateTimeDifference(targetDate, now);
-    setValue({
-      days: formatTime(days),
-      hours: formatTime(hours),
-      minutes: formatTime(minutes),
-      seconds: formatTime(seconds)
-    });
-  }, [targetDate]);
-  useEffect(() => {
-    handleUpdate();
-    const interval = setInterval(handleUpdate, 1e3);
-    return () => clearInterval(interval);
-  }, []);
-  return value;
-}
-function formatTime(value) {
-  return String(value).length === 1 ? `0${value}` : `${value}`;
-}
-function calculateTimeDifference(futureDate, currentDate) {
-  const distance = futureDate.getTime() - currentDate.getTime();
-  return {
-    days: Math.floor(distance / (1e3 * 60 * 60 * 24)),
-    hours: Math.floor(distance % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)),
-    minutes: Math.floor(distance % (1e3 * 60 * 60) / (1e3 * 60)),
-    seconds: Math.floor(distance % (1e3 * 60) / 1e3)
-  };
-}
-export {
-  useCountdownDate
-};
+import{useState as d,useEffect as f,useCallback as h}from"react";function y(t,n="- -"){let[e,u]=d({days:n,hours:n,minutes:n,seconds:n}),r=h(()=>{let o=new Date,{days:a,hours:i,minutes:c,seconds:m}=g(t,o);u({days:s(a),hours:s(i),minutes:s(c),seconds:s(m)})},[t]);return f(()=>{r();let o=setInterval(r,1e3);return()=>clearInterval(o)},[]),e}function s(t){return String(t).length===1?`0${t}`:`${t}`}function g(t,n){let e=t.getTime()-n.getTime();return{days:Math.floor(e/(1e3*60*60*24)),hours:Math.floor(e%(1e3*60*60*24)/(1e3*60*60)),minutes:Math.floor(e%(1e3*60*60)/(1e3*60)),seconds:Math.floor(e%(1e3*60)/1e3)}}export{y as useCountdownDate};

package/dist/hooks/use-countdown-seconds/use-countdown-seconds.js

@@ -1,36 +1 @@
-// src/hooks/use-countdown-seconds/use-countdown-seconds.ts
-import { useState, useEffect, useCallback } from "react";
-function useCountdownSeconds(defaultValue) {
-  const [value, setValue] = useState(defaultValue);
-  const [isCounting, setIsCounting] = useState(false);
-  const handleStart = useCallback(() => {
-    setIsCounting(true);
-  }, []);
-  const handleReset = useCallback(() => {
-    setIsCounting(false);
-    setValue(defaultValue);
-  }, [defaultValue]);
-  useEffect(() => {
-    let interval = null;
-    if (isCounting && value > 0) {
-      interval = setInterval(() => {
-        setValue((prevValue) => prevValue - 1);
-      }, 1e3);
-    } else if (value <= 0) {
-      setIsCounting(false);
-    }
-    return () => {
-      if (interval) clearInterval(interval);
-    };
-  }, [isCounting, value]);
-  return {
-    value,
-    setValue,
-    isCounting,
-    start: handleStart,
-    reset: handleReset
-  };
-}
-export {
-  useCountdownSeconds
-};
+import{useState as u,useEffect as S,useCallback as a}from"react";function f(t){let[e,n]=u(t),[o,s]=u(!1),i=a(()=>{s(!0)},[]),l=a(()=>{s(!1),n(t)},[t]);return S(()=>{let r=null;return o&&e>0?r=setInterval(()=>{n(c=>c-1)},1e3):e<=0&&s(!1),()=>{r&&clearInterval(r)}},[o,e]),{value:e,setValue:n,isCounting:o,start:i,reset:l}}export{f as useCountdownSeconds};

package/dist/hooks/use-debounce/use-debounce.js

@@ -1,17 +1 @@
-// src/hooks/use-debounce/use-debounce.ts
-import { useState, useEffect } from "react";
-function useDebounce(value, delay = 1e3) {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-  return debouncedValue;
-}
-export {
-  useDebounce
-};
+import{useState as o,useEffect as s}from"react";function b(e,t=1e3){let[n,u]=o(e);return s(()=>{let r=setTimeout(()=>{u(e)},t);return()=>{clearTimeout(r)}},[e,t]),n}export{b as useDebounce};

package/dist/hooks/use-double-click/use-double-click.js

@@ -1,33 +1 @@
-// src/hooks/use-double-click/use-double-click.ts
-import { useRef, useCallback } from "react";
-function useDoubleClick({
-  click,
-  doubleClick,
-  timeout = 250
-}) {
-  const clickTimeout = useRef(null);
-  const clearClickTimeout = useCallback(() => {
-    if (clickTimeout.current) {
-      clearTimeout(clickTimeout.current);
-      clickTimeout.current = null;
-    }
-  }, []);
-  const handleEvent = useCallback(
-    (event) => {
-      clearClickTimeout();
-      if (click && event.detail === 1) {
-        clickTimeout.current = setTimeout(() => {
-          click(event);
-        }, timeout);
-      }
-      if (event.detail % 2 === 0) {
-        doubleClick(event);
-      }
-    },
-    [click, doubleClick, timeout, clearClickTimeout]
-  );
-  return handleEvent;
-}
-export {
-  useDoubleClick
-};
+import{useRef as r,useCallback as i}from"react";function m({click:n,doubleClick:o,timeout:u=250}){let e=r(null),l=i(()=>{e.current&&(clearTimeout(e.current),e.current=null)},[]);return i(t=>{l(),n&&t.detail===1&&(e.current=setTimeout(()=>{n(t)},u)),t.detail%2===0&&o(t)},[n,o,u,l])}export{m as useDoubleClick};

package/dist/hooks/use-is-client/use-is-client.js

@@ -1,12 +1 @@
-// src/hooks/use-is-client/use-is-client.ts
-import { useState, useEffect } from "react";
-function useIsClient() {
-  const [isClient, setClient] = useState(false);
-  useEffect(() => {
-    setClient(true);
-  }, []);
-  return isClient;
-}
-export {
-  useIsClient
-};
+import{useState as n,useEffect as s}from"react";function i(){let[e,t]=n(!1);return s(()=>{t(!0)},[]),e}export{i as useIsClient};

package/dist/hooks/use-local-storage/index.d.ts

@@ -1 +1 @@
-export { UseLocalStorageReturn, useLocalStorage } from './use-local-storage.js';
+export { UseLocalStorageOptions, UseLocalStorageReturn, useLocalStorage } from './use-local-storage.js';

package/dist/hooks/use-local-storage/use-local-storage.d.ts

@@ -4,34 +4,35 @@
  * @param {string} key - The key for the local storage.
  * @param {T} initialState - The initial state value.
  * @param {Object} [options] - Optional settings.
- * @param {boolean} [options.initOnLoad=false] - Whether to initialize the local storage on load.
+ * @param {boolean} [options.initializeWithValue=true] - Whether to initialize the local storage with the initial state value.
  *
  * @returns {UseLocalStorageReturn<T>} - An object containing:
  * - `state`: The current state.
  * - `resetState`: A function to reset the state to the initial value and remove it from local storage.
- * - `updateState`: A function to update the state and save it to local storage.
- * - `updateField`: A function to update a specific field in the state and save it to local storage.
+ * - `setState`: A function to update the state and save it to local storage.
+ * - `setField`: A function to update a specific field in the state and save it to local storage.
  *
  * @example
- * const { state, resetState, updateState, updateField } = useLocalStorage('settings', initialState);
+ * const { state, resetState, setState, setField } = useLocalStorage('settings', initialState);
  *
  * return (
  *   <div>
  *     <p>State: {JSON.stringify(state)}</p>
- *     <button onClick={() => updateState({name: 'John', age: 20})}>Set Name</button>
- *     <button onClick={() => updateField('name', 'John')}>Set Name</button>
+ *     <button onClick={() => setState({name: 'John', age: 20})}>Set State</button>
+ *     <button onClick={() => setField('name', 'John')}>Set Name</button>
  *     <button onClick={resetState}>Reset</button>
  *   </div>
  * );
  */
+type UseLocalStorageOptions = {
+    initializeWithValue?: boolean;
+};
 type UseLocalStorageReturn<T> = {
     state: T;
     resetState: (defaultState?: T) => void;
     setState: (updateState: T | Partial<T>) => void;
     setField: (name: keyof T, updateValue: T[keyof T]) => void;
 };
-declare function useLocalStorage<T>(key: string, initialState?: T, options?: {
-    initOnLoad?: boolean;
-}): UseLocalStorageReturn<T>;
+declare function useLocalStorage<T>(key: string, initialState?: T, options?: UseLocalStorageOptions): UseLocalStorageReturn<T>;
 
-export { type UseLocalStorageReturn, useLocalStorage };
+export { type UseLocalStorageOptions, type UseLocalStorageReturn, useLocalStorage };