polpo 0.1.11 → 0.1.13

package/dist/hooks.js

@@ -1,3 +1,999 @@
 "use client";
-import{useCallback as p,useMemo as j,useReducer as F}from"react";import{useCallback as G,useLayoutEffect as w,useRef as B}from"react";var M=e=>{let t=B(!1);return w(()=>(t.current=!0,()=>{t.current=!1}),[]),G((...n)=>{t.current&&e(...n)},[e])};var _=(e,t)=>{switch(t.type){case"pending":return{status:"pending",data:null,error:null};case"resolved":return{status:"resolved",data:t.data,error:null};case"rejected":return{status:"rejected",data:null,error:t.error};default:throw new Error(`Unhandled action: ${JSON.stringify(t)}`)}},Qe=e=>{let[t,n]=F(_,{status:"idle",data:null,error:null,...e}),o=M(n),r=p(u=>{o({type:"pending"}),u.then(a=>{o({type:"resolved",data:a})},a=>{o({type:"rejected",error:a})})},[o]),s=p(u=>o({type:"resolved",data:u}),[o]),i=p(u=>o({type:"rejected",error:u}),[o]);return j(()=>({setData:s,setError:i,run:r,...t}),[t,r,s,i])};import{useMemo as $}from"react";var Ze=e=>$(()=>Object.entries(e).reduce((t,[n,o])=>o?[...t,n]:t,[]).join(" "),[e]);import{useEffect as U,useLayoutEffect as z,useRef as V}from"react";function l(e,t,n,o){let r=V(t);U(()=>{r.current=t},[t]),z(()=>{let s=n?.current??window;if(!(s&&s.addEventListener))return;let i=u=>r.current(u);return s.addEventListener(e,i,o),()=>{s.removeEventListener(e,i,o)}},[e,n,o])}var Y=(e,t)=>e.current&&!e.current.contains(t),rt=(e,t)=>{l("keydown",n=>{n.key==="Escape"&&t()}),l("mousedown",n=>{let o=n.target;if(!o?.isConnected)return;(Array.isArray(e)?e:[e]).every(s=>Y(s,o))&&t()})};import{useState as X}from"react";var at=e=>X(e)[0];import{useState as W,useCallback as O}from"react";var Q=e=>{let t=[];if(e.expires instanceof Date)t.push(`expires=${e.expires.toUTCString()}`);else if(typeof e.days=="number"){let n=new Date;n.setTime(n.getTime()+e.days*24*60*60*1e3),t.push(`expires=${n.toUTCString()}`)}return typeof e.maxAge=="number"&&t.push(`max-age=${e.maxAge}`),t.push(`path=${e.path??"/"}`),e.domain&&t.push(`domain=${e.domain}`),e.secure&&t.push("secure"),e.sameSite&&t.push(`SameSite=${e.sameSite}`),t.length>0?`; ${t.join("; ")}`:""},y=(e,t,n={})=>{if(typeof document>"u")return;let o=encodeURIComponent(t),r=Q(n);document.cookie=`${e}=${o}${r}`},J=e=>{if(typeof document>"u")return null;let t=`${e}=`,n=document.cookie?document.cookie.split(";"):[];for(let o of n){let r=o.trim();if(r.indexOf(t)===0)return decodeURIComponent(r.substring(t.length))}return null},K=(e,t={})=>{typeof document>"u"||y(e,"",{...t,days:-1})},lt=(e,t,n={})=>{let[o,r]=W(()=>{let u=J(e);if(u!==null)try{return JSON.parse(u)}catch{return t}return t}),s=O((u,a={})=>{let c={...n,...a},m=JSON.stringify(u);y(e,m,c),r(u)},[e,n]),i=O(()=>{K(e,n),r(t)},[e,t,n]);return[o,s,i]};import{useEffect as Z,useState as q}from"react";var R=(e,t=500)=>{let[n,o]=q(e);return Z(()=>{let r=setTimeout(()=>o(e),t);return()=>{clearTimeout(r)}},[e,t]),n};import{useState as ee}from"react";var Et=(e,t=500)=>{let[n,o]=ee(e),r=R(n,t);return[n,r,o]};import{useState as ne}from"react";import{useEffect as te}from"react";var d=(e,t)=>{te(()=>{let n=Array.isArray(e)?e:[e],o=new ResizeObserver(t);return n.forEach(r=>r.current&&o.observe(r.current)),()=>{o.disconnect()}},[e,t])};var Rt=e=>{let[t,n]=ne({width:0,height:0});return d(e,([o])=>{if((o?.borderBoxSize??[])[0]){let{inlineSize:r,blockSize:s}=o.borderBoxSize[0];n({width:r,height:s})}else if(o.contentRect){let{width:r,height:s}=o.contentRect;n({width:r,height:s})}}),t};import{useEffect as oe,useState as re}from"react";var g=e=>{let t=document.getElementById(e);return t===null&&(t=document.createElement("div"),t.setAttribute("id",e),document.body.appendChild(t)),t},Pt=e=>{let[t,n]=re(()=>g(e));return oe(()=>{let o=document.getElementById(e);if(t===null||o===null){let r=g(e);n(r)}return()=>{t&&t.parentNode&&process.env.NODE_ENV==="production"&&document.body.removeChild(t)}},[t,e]),t};import{useEffect as ae,useState as ue}from"react";var h=(e,t=2)=>{if(e===0)return"0 Bytes";let n=1e3,o=t<0?0:t,r=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],s=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,s)).toFixed(o))+" "+r[s]};var P=({c:e,m:t,offset:n,position:o})=>{let r=e.y+e.h+n,s=e.x-(t.w-e.w)*(50/100);switch(o){case"top":case"top center":r=e.y-t.h-n,s=e.x-(t.w-e.w)/2;break;case"top left":r=e.y-t.h-n,s=e.x-t.w+e.w;break;case"top right":r=e.y-t.h-n,s=e.x;break;case"bottom":case"bottom center":r=e.y+e.h+n,s=e.x-(t.w-e.w)/2;break;case"bottom left":r=e.y+e.h+n,s=e.x-t.w+e.w;break;case"bottom right":r=e.y+e.h+n,s=e.x;break;case"left":case"left center":r=e.y-(t.h-e.h)/2,s=e.x-t.w-n;break;case"left top":r=e.y-t.h+e.h,s=e.x-t.w-n;break;case"left bottom":r=e.y,s=e.x-t.w-n;break;case"right":case"right center":r=e.y-(t.h-e.h)/2,s=e.x+e.w+n;break;case"right top":r=e.y-t.h+e.h,s=e.x+e.w+n;break;case"right bottom":r=e.y,s=e.x+e.w+n;break}return{left:Math.round(s),top:Math.round(r)}},se=({top:e,left:t},n,o,r)=>{let s=n.split(" "),i=[],u=t+r.w+o-window.innerWidth,a=e+r.h+o-window.innerHeight;for(let c of s)c==="top"&&e<o?i.push("bottom"):c==="left"&&t<o?i.push("right"):c==="bottom"&&a>0?i.push("top"):c==="right"&&u>0?i.push("left"):i.push(c);return i.join(" ")},ie=({top:e,left:t},n,o)=>{let r=t+n.w+o-window.innerWidth,s=e+n.h+o-window.innerHeight;return t=r>0?t-r:t,e=s>0?e-s:e,t=t<o?o:t,e=e<o?o:e,{top:e,left:t}},C=({c:e,m:t,offset:n,windowOffset:o,position:r})=>{let s={c:e,m:t,offset:n,position:r},i=P(s),u=se(i,r,o,t);u!==r&&(i=P({...s,position:u}));let a=ie(i,t,o);return{left:`${a.left}px`,top:`${a.top}px`}};var S=({position:e,windowOffset:t})=>{switch(e){case"center":return{top:"50%",left:"50%",transform:"translate(-50%, -50%)"};case"top":case"top center":return{top:`${t}px`,left:"50%",transform:"translateX(-50%)"};case"top left":case"left top":return{top:`${t}px`,left:`${t}px`};case"top right":case"right top":return{top:`${t}px`,right:`${t}px`};case"bottom":case"bottom center":return{bottom:`${t}px`,left:"50%",transform:"translateX(-50%)"};case"left bottom":case"bottom left":return{bottom:`${t}px`,left:`${t}px`};case"right bottom":case"bottom right":return{bottom:`${t}px`,right:`${t}px`};case"left":case"left center":return{top:"50%",left:`${t}px`,transform:"translateY(-50%)"};case"right":case"right center":return{top:"50%",right:`${t}px`,transform:"translateY(-50%)"}}return{top:"50%",left:"50%",transform:"translate(-50%, -50%)"}};var ce=(n=>(n.PNG="image/png",n.PDF="application/pdf",n))(ce||{}),It=e=>{let[t,n]=ue([]);return ae(()=>{let o=[],r=!1;if(!Array.isArray(e)||e.length===0)n([]);else{let s=e.map(i=>new Promise((u,a)=>{let c=new FileReader;o.push(c),c.onload=m=>{m.target?.result&&u({name:i.name,size:i.size,formatSize:h(i.size),type:i.type,url:m.target.result})},c.onabort=()=>{a(new Error("File reading aborted"))},c.onerror=()=>{a(new Error("Failed to read file"))},c.readAsDataURL(i)}));Promise.all(s).then(i=>{r||n(i)})}return()=>{r=!0,o.forEach(s=>{s.abort()})}},[e]),t};import{useEffect as le,useRef as me,useState as T}from"react";var Gt=()=>{let[e,t]=T(null),[n,o]=T(null),[r,s]=T(!0),i=me(null);return le(()=>{if(!navigator.geolocation){o({code:0,message:"Geolocation is not supported by your browser."}),s(!1);return}let u=c=>{t({...c.coords,timestamp:c.timestamp}),s(!1)},a=c=>{o({code:c.code,message:c.message}),s(!1)};return navigator.geolocation.getCurrentPosition(u,a),i.current=navigator.geolocation.watchPosition(u,a),()=>{i.current!==null&&navigator.geolocation.clearWatch(i.current)}},[]),{data:e,error:n,isLoading:r}};import{useCallback as L,useRef as de,useState as pe}from"react";var Ft=()=>{let[e,t]=pe(!1),n=de(null),o=L(()=>t(!0),[]),r=L(()=>t(!1),[]);return l("mouseenter",o,n),l("mouseleave",r,n),e};import{useRef as fe,useState as Ee}from"react";import{useEffect as Te}from"react";var k=(e,t,n={})=>{Te(()=>{let o=Array.isArray(e)?e:[e],r=new IntersectionObserver(t,n);return o.forEach(s=>s.current&&r.observe(s.current)),()=>{r.disconnect()}},[t,n,e])};var Xt=(e={})=>{let[t,n]=Ee(!1),o=fe(null);return k(o,([r])=>{n(r.isIntersecting)},e),{ref:o,inView:t}};import{useCallback as f,useState as ve}from"react";var Kt=({onBlur:e,onFocus:t,onChange:n}={})=>{let[o,r]=ve(!1),s=f(a=>{r(!0),t&&t(a)},[t]),i=f(a=>{r(!1),e&&e(a)},[e]),u=f(a=>{n&&n(a)},[n]);return{isFocus:o,handlers:{onFocus:s,onBlur:i,onChange:u}}};import{useEffect as be,useState as xe}from"react";var en=e=>{let[t,n]=xe(!1);return be(()=>{let o=window.matchMedia(e);o.matches!==t&&n(o.matches);let r=()=>{n(o.matches)};return o.addEventListener("change",r),()=>{o.removeEventListener("change",r)}},[t,e]),t};import{useRef as Me,useState as Oe}from"react";var on=()=>{let e=Me(null),[t,n]=Oe(!1);return{containerRef:e,isOpen:t,openModal:()=>{n(!0)},closeModal:()=>{n(!1)}}};import{useCallback as N,useLayoutEffect as ye,useRef as Re}from"react";var H=e=>({x:e.x,y:e.y,w:e.width,h:e.height,top:e.top,left:e.left}),pn=({offset:e=0,windowOffset:t=0,position:n="bottom",modalRef:o,containerRef:r,isOpen:s})=>{let i=Re(null),u=N((c,m)=>{let E=c.current?.getClientRects()[0],v=m.current?.getClientRects()[0];if(!E)return;let b=v?C({c:H(v),m:H(E),offset:e,windowOffset:t,position:n}):S({position:n,windowOffset:t});Object.keys(b).forEach(x=>{c.current?.style.setProperty(x,b[x])})},[n,t,e]),a=N(()=>{s&&u(o,r??i)},[u,s,r,o]);ye(a,[a]),d(r??i,a),d(o,a),l("resize",a),l("scroll",a,o)};import ge,{useCallback as I,useEffect as he,useLayoutEffect as Pe,useMemo as Ce}from"react";var Se=(r=>(r.OPENING="OPENING",r.OPEN="OPEN",r.CLOSING="CLOSING",r.CLOSED="CLOSED",r))(Se||{}),En=({transitionDuration:e=0,isOpen:t})=>{let[n,o]=ge.useState("CLOSED"),r=Ce(()=>n!=="CLOSED",[n]);he(()=>{document.documentElement.style.overflow=r?"hidden":"auto"},[r]);let s=I(()=>{["OPENING","OPEN"].includes(n)&&(e>0?(o("CLOSING"),setTimeout(()=>{o("CLOSED")},e)):o("CLOSED"))},[n,e]),i=I(()=>{["CLOSING","CLOSED"].includes(n)&&(e>0?(o("OPENING"),setTimeout(()=>{o("OPEN")},e)):o("OPEN"))},[n,e]);return Pe(()=>{n==="CLOSED"&&t?i():n==="OPEN"&&!t&&s()},[t,i,s,n]),{isVisible:r,modalState:n}};import{useRef as Le,useState as ke}from"react";var A=(e,t)=>{let{left:n,top:o}=e,r=n+window.scrollX,s=o+window.scrollY,i=t.pageX-r,u=t.pageY-s;return{x:t.pageX,y:t.pageY,elementX:i,elementY:u,elementPositionX:r,elementPositionY:s}},On=e=>{let t=Le(null),[n,o]=ke({x:null,y:null,elementX:null,elementY:null,elementPositionX:null,elementPositionY:null});return l("mousemove",s=>{let{clientX:i,clientY:u}=s;if(o(a=>({...a,x:i,y:u})),e?.current instanceof Element){let a=A(e.current.getBoundingClientRect(),s);o(c=>({...c,...a}))}else if(t.current instanceof Element){let a=A(t.current.getBoundingClientRect(),s);o(c=>({...c,...a}))}}),{...n,ref:t}};import{useState as Ne}from"react";var hn=()=>{let[e,t]=Ne(navigator.onLine);return l("online",()=>t(navigator.onLine)),l("offline",()=>t(navigator.onLine)),e};import{useEffect as He,useRef as Ie}from"react";var Sn=()=>{let e=Ie(1);return He(()=>{e.current++}),e.current};import{useEffect as Ae,useRef as De,useState as Ge}from"react";var Nn=()=>{let e=De(null),[t,n]=Ge([0,0]);return Ae(()=>{let o=e.current,r=()=>{o&&n([o.scrollLeft,o.scrollTop])};return o&&o.addEventListener("scroll",r),()=>{o&&o.removeEventListener("scroll",r)}},[]),{ref:e,position:t}};import{useEffect as we,useState as D}from"react";function Gn(e){let[t,n]=D(e),[o,r]=D([]);return we(()=>{t!==void 0&&r(s=>[...s,t])},[t]),[t,n,o]}import{useCallback as Be,useState as je}from"react";var jn=(e=!1)=>{let[t,n]=je(e),o=Be(()=>{n(r=>!r)},[]);return[t,o,n]};import{useCallback as Fe,useState as _e}from"react";var $n=(e,t=0)=>{let[n,o]=_e(t),r=Fe(s=>{o(s!==void 0?s:i=>(i+1)%e.length)},[e.length]);return[e[n],r]};import{useEffect as $e,useState as Ue}from"react";var Yn=()=>{let e=()=>{let{innerWidth:o,innerHeight:r}=window;return{width:o,height:r,orientation:o>r?"landscape":"portrait"}},[t,n]=Ue(e);return l("resize",()=>{n(e())}),$e(()=>{n(e())},[]),t};export{ce as FileTypeEnum,Se as ModalState,Qe as useAsync,Ze as useClassNames,rt as useClickOutside,at as useConstant,lt as useCookie,R as useDebounce,Et as useDebounceState,Rt as useDimensions,Pt as useDomContainer,l as useEventListener,It as useFileReader,Gt as useGeolocation,Ft as useHover,Xt as useInView,Kt as useInputHandlers,k as useIntersectionObserver,en as useMediaQuery,on as useModal,pn as useModalInContainer,En as useModalTransition,On as useMousePosition,hn as useOnlineStatus,Sn as useRenderCount,d as useResizeObserver,M as useSafeDispatch,Nn as useScroll,Gn as useStateHistory,jn as useToggle,$n as useToggleValues,Yn as useViewport};
+
+// src/hooks/use-async.ts
+import { useCallback as useCallback2, useMemo, useReducer } from "react";
+
+// src/hooks/use-safe-dispatch.ts
+import { useCallback, useLayoutEffect, useRef } from "react";
+var useSafeDispatch = (dispatch) => {
+  const mounted = useRef(false);
+  useLayoutEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  return useCallback(
+    (...args) => {
+      if (mounted.current) {
+        dispatch(...args);
+      }
+    },
+    [dispatch]
+  );
+};
+
+// src/hooks/use-async.ts
+var asyncReducer = (_state, action) => {
+  switch (action.type) {
+    case "pending": {
+      return { status: "pending", data: null, error: null };
+    }
+    case "resolved": {
+      return { status: "resolved", data: action.data, error: null };
+    }
+    case "rejected": {
+      return { status: "rejected", data: null, error: action.error };
+    }
+    default: {
+      throw new Error(`Unhandled action: ${JSON.stringify(action)}`);
+    }
+  }
+};
+var useAsync = (initialState) => {
+  const [asyncState, unsafeDispatch] = useReducer(asyncReducer, {
+    status: "idle",
+    data: null,
+    error: null,
+    ...initialState
+  });
+  const dispatch = useSafeDispatch(unsafeDispatch);
+  const run = useCallback2(
+    (promise) => {
+      dispatch({ type: "pending" });
+      promise.then(
+        (data) => {
+          dispatch({ type: "resolved", data });
+        },
+        (error) => {
+          dispatch({ type: "rejected", error });
+        }
+      );
+    },
+    [dispatch]
+  );
+  const setData = useCallback2((data) => dispatch({ type: "resolved", data }), [dispatch]);
+  const setError = useCallback2((error) => dispatch({ type: "rejected", error }), [dispatch]);
+  return useMemo(
+    () => ({
+      setData,
+      setError,
+      run,
+      ...asyncState
+    }),
+    [asyncState, run, setData, setError]
+  );
+};
+
+// src/hooks/use-classnames.ts
+import { useMemo as useMemo2 } from "react";
+var useClassNames = (classes) => useMemo2(
+  () => Object.entries(classes).reduce(
+    (compiledClassNames, [classname, value]) => value ? [...compiledClassNames, classname] : compiledClassNames,
+    []
+  ).join(" "),
+  [classes]
+);
+
+// src/hooks/use-event-listener.ts
+import { useEffect, useLayoutEffect as useLayoutEffect2, useRef as useRef2 } from "react";
+function useEventListener(eventName, callback, element, options) {
+  const callbackRef = useRef2(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  useLayoutEffect2(() => {
+    const targetElement = element?.current ?? window;
+    if (!(targetElement && targetElement.addEventListener)) return;
+    const listener = (event) => callbackRef.current(event);
+    targetElement.addEventListener(eventName, listener, options);
+    return () => {
+      targetElement.removeEventListener(eventName, listener, options);
+    };
+  }, [eventName, element, options]);
+}
+
+// src/hooks/use-click-outside.ts
+var checkIsOutside = (ref, target) => {
+  return ref.current && !ref.current.contains(target);
+};
+var useClickOutside = (ref, callback) => {
+  useEventListener("keydown", (e) => {
+    if (e.key === "Escape") {
+      callback();
+    }
+  });
+  useEventListener("mousedown", (event) => {
+    const target = event.target;
+    if (!target?.isConnected) {
+      return;
+    }
+    const isOutside = (Array.isArray(ref) ? ref : [ref]).every((r) => checkIsOutside(r, target));
+    if (isOutside) {
+      callback();
+    }
+  });
+};
+
+// src/hooks/use-constant.ts
+import { useState } from "react";
+var useConstant = (initializer) => useState(initializer)[0];
+
+// src/hooks/use-cookie.ts
+import { useState as useState2, useCallback as useCallback3 } from "react";
+var generateCookieAttributes = (options) => {
+  const parts = [];
+  if (options.expires instanceof Date) {
+    parts.push(`expires=${options.expires.toUTCString()}`);
+  } else if (typeof options.days === "number") {
+    const date = /* @__PURE__ */ new Date();
+    date.setTime(date.getTime() + options.days * 24 * 60 * 60 * 1e3);
+    parts.push(`expires=${date.toUTCString()}`);
+  }
+  if (typeof options.maxAge === "number") {
+    parts.push(`max-age=${options.maxAge}`);
+  }
+  parts.push(`path=${options.path ?? "/"}`);
+  if (options.domain) {
+    parts.push(`domain=${options.domain}`);
+  }
+  if (options.secure) {
+    parts.push("secure");
+  }
+  if (options.sameSite) {
+    parts.push(`SameSite=${options.sameSite}`);
+  }
+  return parts.length > 0 ? `; ${parts.join("; ")}` : "";
+};
+var setCookie = (name, value, options = {}) => {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const encodedValue = encodeURIComponent(value);
+  const attributes = generateCookieAttributes(options);
+  document.cookie = `${name}=${encodedValue}${attributes}`;
+};
+var getCookie = (name) => {
+  if (typeof document === "undefined") {
+    return null;
+  }
+  const nameEq = `${name}=`;
+  const cookies = document.cookie ? document.cookie.split(";") : [];
+  for (const cookie of cookies) {
+    const cookieTrimmed = cookie.trim();
+    if (cookieTrimmed.indexOf(nameEq) === 0) {
+      return decodeURIComponent(cookieTrimmed.substring(nameEq.length));
+    }
+  }
+  return null;
+};
+var deleteCookie = (name, options = {}) => {
+  if (typeof document === "undefined") {
+    return;
+  }
+  setCookie(name, "", {
+    ...options,
+    days: -1
+  });
+};
+var useCookie = (cookieName, defaultValue, options = {}) => {
+  const [cookieValue, setCookieValue] = useState2(() => {
+    const rawCookie = getCookie(cookieName);
+    if (rawCookie !== null) {
+      try {
+        return JSON.parse(rawCookie);
+      } catch {
+        return defaultValue;
+      }
+    }
+    return defaultValue;
+  });
+  const updateCookie = useCallback3(
+    (value, overrideOptions = {}) => {
+      const mergedOptions = { ...options, ...overrideOptions };
+      const stringValue = JSON.stringify(value);
+      setCookie(cookieName, stringValue, mergedOptions);
+      setCookieValue(value);
+    },
+    [cookieName, options]
+  );
+  const removeCookie = useCallback3(() => {
+    deleteCookie(cookieName, options);
+    setCookieValue(defaultValue);
+  }, [cookieName, defaultValue, options]);
+  return [cookieValue, updateCookie, removeCookie];
+};
+
+// src/hooks/use-debounce.ts
+import { useEffect as useEffect2, useState as useState3 } from "react";
+var useDebounce = (value, delay = 500) => {
+  const [debouncedValue, setDebouncedValue] = useState3(value);
+  useEffect2(() => {
+    const timer = setTimeout(() => setDebouncedValue(value), delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+};
+
+// src/hooks/use-debounce-state.ts
+import { useState as useState4 } from "react";
+var useDebounceState = (defaultValue, delay = 500) => {
+  const [value, setValue] = useState4(defaultValue);
+  const debouncedValue = useDebounce(value, delay);
+  return [value, debouncedValue, setValue];
+};
+
+// src/hooks/use-dimensions.ts
+import { useState as useState5 } from "react";
+
+// src/hooks/use-resize-observer.ts
+import { useEffect as useEffect3 } from "react";
+var useResizeObserver = (ref, callback) => {
+  useEffect3(() => {
+    const refs = Array.isArray(ref) ? ref : [ref];
+    const observer = new ResizeObserver(callback);
+    refs.forEach((r) => r.current && observer.observe(r.current));
+    return () => {
+      observer.disconnect();
+    };
+  }, [ref, callback]);
+};
+
+// src/hooks/use-dimensions.ts
+var useDimensions = (ref) => {
+  const [dimensions, setDimensions] = useState5({ width: 0, height: 0 });
+  useResizeObserver(ref, ([entry]) => {
+    if ((entry?.borderBoxSize ?? [])[0]) {
+      const { inlineSize: width, blockSize: height } = entry.borderBoxSize[0];
+      setDimensions({ width, height });
+    } else if (entry.contentRect) {
+      const { width, height } = entry.contentRect;
+      setDimensions({ width, height });
+    }
+  });
+  return dimensions;
+};
+
+// src/hooks/use-dom-container.ts
+import { useEffect as useEffect4, useState as useState6 } from "react";
+var createContainer = (containerID) => {
+  let domContainer = document.getElementById(containerID);
+  if (domContainer === null) {
+    domContainer = document.createElement("div");
+    domContainer.setAttribute("id", containerID);
+    document.body.appendChild(domContainer);
+  }
+  return domContainer;
+};
+var useDomContainer = (containerID) => {
+  const [container, setContainer] = useState6(() => createContainer(containerID));
+  useEffect4(() => {
+    const domContainer = document.getElementById(containerID);
+    if (container === null || domContainer === null) {
+      const domContainer2 = createContainer(containerID);
+      setContainer(domContainer2);
+    }
+    return () => {
+      if (container && container.parentNode && process.env.NODE_ENV === "production") {
+        document.body.removeChild(container);
+      }
+    };
+  }, [container, containerID]);
+  return container;
+};
+
+// src/hooks/use-file-reader.ts
+import { useEffect as useEffect5, useState as useState7 } from "react";
+
+// src/helpers/format-bytes.ts
+var formatBytes = (bytes, decimals = 2) => {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1e3;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+};
+
+// src/helpers/get-modal-position.ts
+var getModalPosition = ({ c, m, offset, position }) => {
+  let top = c.y + c.h + offset;
+  let left = c.x - (m.w - c.w) * (50 / 100);
+  switch (position) {
+    case "top" /* TOP */:
+    case "top center" /* TOP_CENTER */:
+      top = c.y - m.h - offset;
+      left = c.x - (m.w - c.w) / 2;
+      break;
+    case "top left" /* TOP_LEFT */:
+      top = c.y - m.h - offset;
+      left = c.x - m.w + c.w;
+      break;
+    case "top right" /* TOP_RIGHT */:
+      top = c.y - m.h - offset;
+      left = c.x;
+      break;
+    case "bottom" /* BOTTOM */:
+    case "bottom center" /* BOTTOM_CENTER */:
+      top = c.y + c.h + offset;
+      left = c.x - (m.w - c.w) / 2;
+      break;
+    case "bottom left" /* BOTTOM_LEFT */:
+      top = c.y + c.h + offset;
+      left = c.x - m.w + c.w;
+      break;
+    case "bottom right" /* BOTTOM_RIGHT */:
+      top = c.y + c.h + offset;
+      left = c.x;
+      break;
+    case "left" /* LEFT */:
+    case "left center" /* LEFT_CENTER */:
+      top = c.y - (m.h - c.h) / 2;
+      left = c.x - m.w - offset;
+      break;
+    case "left top" /* LEFT_TOP */:
+      top = c.y - m.h + c.h;
+      left = c.x - m.w - offset;
+      break;
+    case "left bottom" /* LEFT_BOTTOM */:
+      top = c.y;
+      left = c.x - m.w - offset;
+      break;
+    case "right" /* RIGHT */:
+    case "right center" /* RIGHT_CENTER */:
+      top = c.y - (m.h - c.h) / 2;
+      left = c.x + c.w + offset;
+      break;
+    case "right top" /* RIGHT_TOP */:
+      top = c.y - m.h + c.h;
+      left = c.x + c.w + offset;
+      break;
+    case "right bottom" /* RIGHT_BOTTOM */:
+      top = c.y;
+      left = c.x + c.w + offset;
+      break;
+  }
+  return {
+    left: Math.round(left),
+    top: Math.round(top)
+  };
+};
+var getOppositePosition = ({ top, left }, position, windowOffset, m) => {
+  const positions = position.split(" ");
+  const newPosition = [];
+  const rightOffset = left + m.w + windowOffset - window.innerWidth;
+  const bottomOffset = top + m.h + windowOffset - window.innerHeight;
+  for (const p of positions) {
+    if (p === "top" /* TOP */ && top < windowOffset) {
+      newPosition.push("bottom" /* BOTTOM */);
+    } else if (p === "left" /* LEFT */ && left < windowOffset) {
+      newPosition.push("right" /* RIGHT */);
+    } else if (p === "bottom" /* BOTTOM */ && bottomOffset > 0) {
+      newPosition.push("top" /* TOP */);
+    } else if (p === "right" /* RIGHT */ && rightOffset > 0) {
+      newPosition.push("left" /* LEFT */);
+    } else {
+      newPosition.push(p);
+    }
+  }
+  return newPosition.join(" ");
+};
+var fixModalPosition = ({ top, left }, m, windowOffset) => {
+  const rightOffset = left + m.w + windowOffset - window.innerWidth;
+  const bottomOffset = top + m.h + windowOffset - window.innerHeight;
+  left = rightOffset > 0 ? left - rightOffset : left;
+  top = bottomOffset > 0 ? top - bottomOffset : top;
+  left = left < windowOffset ? windowOffset : left;
+  top = top < windowOffset ? windowOffset : top;
+  return { top, left };
+};
+var getModalPositionRelativeToContainer = ({
+  c,
+  m,
+  offset,
+  windowOffset,
+  position
+}) => {
+  const params = { c, m, offset, position };
+  let modalContainerStyle = getModalPosition(params);
+  const oppositePosition = getOppositePosition(modalContainerStyle, position, windowOffset, m);
+  if (oppositePosition !== position) {
+    modalContainerStyle = getModalPosition({
+      ...params,
+      position: oppositePosition
+    });
+  }
+  const fixedPosition = fixModalPosition(modalContainerStyle, m, windowOffset);
+  return {
+    left: `${fixedPosition.left}px`,
+    top: `${fixedPosition.top}px`
+  };
+};
+
+// src/helpers/get-modal-position-relative-to-screen.ts
+var getModalPositionRelativeToScreen = ({
+  position,
+  windowOffset
+}) => {
+  switch (position) {
+    case "center" /* CENTER */:
+      return {
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)"
+      };
+    case "top" /* TOP */:
+    case "top center" /* TOP_CENTER */:
+      return {
+        top: `${windowOffset}px`,
+        left: "50%",
+        transform: "translateX(-50%)"
+      };
+    case "top left" /* TOP_LEFT */:
+    case "left top" /* LEFT_TOP */:
+      return {
+        top: `${windowOffset}px`,
+        left: `${windowOffset}px`
+      };
+    case "top right" /* TOP_RIGHT */:
+    case "right top" /* RIGHT_TOP */:
+      return {
+        top: `${windowOffset}px`,
+        right: `${windowOffset}px`
+      };
+    case "bottom" /* BOTTOM */:
+    case "bottom center" /* BOTTOM_CENTER */:
+      return {
+        bottom: `${windowOffset}px`,
+        left: "50%",
+        transform: "translateX(-50%)"
+      };
+    case "left bottom" /* LEFT_BOTTOM */:
+    case "bottom left" /* BOTTOM_LEFT */:
+      return {
+        bottom: `${windowOffset}px`,
+        left: `${windowOffset}px`
+      };
+    case "right bottom" /* RIGHT_BOTTOM */:
+    case "bottom right" /* BOTTOM_RIGHT */:
+      return {
+        bottom: `${windowOffset}px`,
+        right: `${windowOffset}px`
+      };
+    case "left" /* LEFT */:
+    case "left center" /* LEFT_CENTER */:
+      return {
+        top: "50%",
+        left: `${windowOffset}px`,
+        transform: "translateY(-50%)"
+      };
+    case "right" /* RIGHT */:
+    case "right center" /* RIGHT_CENTER */:
+      return {
+        top: "50%",
+        right: `${windowOffset}px`,
+        transform: "translateY(-50%)"
+      };
+  }
+  return {
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)"
+  };
+};
+
+// src/hooks/use-file-reader.ts
+var FileTypeEnum = /* @__PURE__ */ ((FileTypeEnum2) => {
+  FileTypeEnum2["PNG"] = "image/png";
+  FileTypeEnum2["PDF"] = "application/pdf";
+  return FileTypeEnum2;
+})(FileTypeEnum || {});
+var useFileReader = (inputFiles) => {
+  const [files, setFiles] = useState7([]);
+  useEffect5(() => {
+    const fileReaders = [];
+    let isCancel = false;
+    if (!Array.isArray(inputFiles) || inputFiles.length === 0) {
+      setFiles([]);
+    } else {
+      const promises = inputFiles.map((file) => {
+        return new Promise((resolve, reject) => {
+          const fileReader = new FileReader();
+          fileReaders.push(fileReader);
+          fileReader.onload = (e) => {
+            if (e.target?.result) {
+              resolve({
+                name: file.name,
+                size: file.size,
+                formatSize: formatBytes(file.size),
+                type: file.type,
+                url: e.target.result
+              });
+            }
+          };
+          fileReader.onabort = () => {
+            reject(new Error("File reading aborted"));
+          };
+          fileReader.onerror = () => {
+            reject(new Error("Failed to read file"));
+          };
+          fileReader.readAsDataURL(file);
+        });
+      });
+      Promise.all(promises).then((files2) => {
+        if (!isCancel) {
+          setFiles(files2);
+        }
+      });
+    }
+    return () => {
+      isCancel = true;
+      fileReaders.forEach((fileReader) => {
+        fileReader.abort();
+      });
+    };
+  }, [inputFiles]);
+  return files;
+};
+
+// src/hooks/use-geolocation.ts
+import { useEffect as useEffect6, useRef as useRef3, useState as useState8 } from "react";
+var useGeolocation = () => {
+  const [data, setData] = useState8(null);
+  const [error, setError] = useState8(null);
+  const [isLoading, setIsLoading] = useState8(true);
+  const watchIdRef = useRef3(null);
+  useEffect6(() => {
+    if (!navigator.geolocation) {
+      setError({
+        code: 0,
+        message: "Geolocation is not supported by your browser."
+      });
+      setIsLoading(false);
+      return;
+    }
+    const handleSuccess = (position) => {
+      setData({
+        ...position.coords,
+        timestamp: position.timestamp
+      });
+      setIsLoading(false);
+    };
+    const handleError = (geolocationError) => {
+      setError({
+        code: geolocationError.code,
+        message: geolocationError.message
+      });
+      setIsLoading(false);
+    };
+    navigator.geolocation.getCurrentPosition(handleSuccess, handleError);
+    watchIdRef.current = navigator.geolocation.watchPosition(handleSuccess, handleError);
+    return () => {
+      if (watchIdRef.current !== null) {
+        navigator.geolocation.clearWatch(watchIdRef.current);
+      }
+    };
+  }, []);
+  return { data, error, isLoading };
+};
+
+// src/hooks/use-hover.ts
+import { useCallback as useCallback4, useRef as useRef4, useState as useState9 } from "react";
+var useHover = () => {
+  const [isHovered, setIsHovered] = useState9(false);
+  const ref = useRef4(null);
+  const handleMouseEnter = useCallback4(() => setIsHovered(true), []);
+  const handleMouseLeave = useCallback4(() => setIsHovered(false), []);
+  useEventListener("mouseenter", handleMouseEnter, ref);
+  useEventListener("mouseleave", handleMouseLeave, ref);
+  return isHovered;
+};
+
+// src/hooks/use-in-view.ts
+import { useRef as useRef5, useState as useState10 } from "react";
+
+// src/hooks/use-intersection-observer.ts
+import { useEffect as useEffect7 } from "react";
+var useIntersectionObserver = (ref, callback, initOptions = {}) => {
+  useEffect7(() => {
+    const refs = Array.isArray(ref) ? ref : [ref];
+    const observer = new IntersectionObserver(callback, initOptions);
+    refs.forEach((r) => r.current && observer.observe(r.current));
+    return () => {
+      observer.disconnect();
+    };
+  }, [callback, initOptions, ref]);
+};
+
+// src/hooks/use-in-view.ts
+var useInView = (initOptions = {}) => {
+  const [inView, setInView] = useState10(false);
+  const ref = useRef5(null);
+  useIntersectionObserver(
+    ref,
+    ([entry]) => {
+      setInView(entry.isIntersecting);
+    },
+    initOptions
+  );
+  return { ref, inView };
+};
+
+// src/hooks/use-input-handlers.ts
+import { useCallback as useCallback5, useState as useState11 } from "react";
+var useInputHandlers = ({
+  onBlur,
+  onFocus,
+  onChange
+} = {}) => {
+  const [isFocus, setIsFocus] = useState11(false);
+  const handleFocus = useCallback5(
+    (e) => {
+      setIsFocus(true);
+      onFocus && onFocus(e);
+    },
+    [onFocus]
+  );
+  const handleBlur = useCallback5(
+    (e) => {
+      setIsFocus(false);
+      onBlur && onBlur(e);
+    },
+    [onBlur]
+  );
+  const handleChange = useCallback5(
+    (e) => {
+      onChange && onChange(e);
+    },
+    [onChange]
+  );
+  return {
+    isFocus,
+    handlers: {
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onChange: handleChange
+    }
+  };
+};
+
+// src/hooks/use-media-query.ts
+import { useEffect as useEffect8, useState as useState12 } from "react";
+var useMediaQuery = (query) => {
+  const [matches, setMatches] = useState12(false);
+  useEffect8(() => {
+    const media = window.matchMedia(query);
+    if (media.matches !== matches) {
+      setMatches(media.matches);
+    }
+    const listener = () => {
+      setMatches(media.matches);
+    };
+    media.addEventListener("change", listener);
+    return () => {
+      media.removeEventListener("change", listener);
+    };
+  }, [matches, query]);
+  return matches;
+};
+
+// src/hooks/use-modal.ts
+import { useRef as useRef6, useState as useState13 } from "react";
+var useModal = () => {
+  const containerRef = useRef6(null);
+  const [isOpen, setIsOpen] = useState13(false);
+  const openModal = () => {
+    setIsOpen(true);
+  };
+  const closeModal = () => {
+    setIsOpen(false);
+  };
+  return {
+    containerRef,
+    isOpen,
+    openModal,
+    closeModal
+  };
+};
+
+// src/hooks/use-modal-in-container.ts
+import { useCallback as useCallback6, useLayoutEffect as useLayoutEffect3, useRef as useRef7 } from "react";
+var convertDOMRectToPosition = (rect) => ({
+  x: rect.x,
+  y: rect.y,
+  w: rect.width,
+  h: rect.height,
+  top: rect.top,
+  left: rect.left
+});
+var useModalInContainer = ({
+  offset = 0,
+  windowOffset = 0,
+  position = "bottom" /* BOTTOM */,
+  modalRef,
+  containerRef,
+  isOpen
+}) => {
+  const containerTemporalRef = useRef7(null);
+  const getPosition = useCallback6(
+    (modalRef2, containerRef2) => {
+      const modal = modalRef2.current?.getClientRects()[0];
+      const container = containerRef2.current?.getClientRects()[0];
+      if (!modal) {
+        return;
+      }
+      const modalStyle = !container ? getModalPositionRelativeToScreen({ position, windowOffset }) : getModalPositionRelativeToContainer({
+        c: convertDOMRectToPosition(container),
+        m: convertDOMRectToPosition(modal),
+        offset,
+        windowOffset,
+        position
+      });
+      Object.keys(modalStyle).forEach((key) => {
+        modalRef2.current?.style.setProperty(key, modalStyle[key]);
+      });
+    },
+    [position, windowOffset, offset]
+  );
+  const callback = useCallback6(() => {
+    if (isOpen) {
+      getPosition(modalRef, containerRef ?? containerTemporalRef);
+    }
+  }, [getPosition, isOpen, containerRef, modalRef]);
+  useLayoutEffect3(callback, [callback]);
+  useResizeObserver(containerRef ?? containerTemporalRef, callback);
+  useResizeObserver(modalRef, callback);
+  useEventListener("resize", callback);
+  useEventListener("scroll", callback, modalRef);
+};
+
+// src/hooks/use-modal-transition.ts
+import React3, { useCallback as useCallback7, useEffect as useEffect9, useLayoutEffect as useLayoutEffect4, useMemo as useMemo3 } from "react";
+var ModalState = /* @__PURE__ */ ((ModalState2) => {
+  ModalState2["OPENING"] = "OPENING";
+  ModalState2["OPEN"] = "OPEN";
+  ModalState2["CLOSING"] = "CLOSING";
+  ModalState2["CLOSED"] = "CLOSED";
+  return ModalState2;
+})(ModalState || {});
+var useModalTransition = ({ transitionDuration = 0, isOpen }) => {
+  const [modalState, setModalState] = React3.useState("CLOSED" /* CLOSED */);
+  const isVisible = useMemo3(() => {
+    return modalState !== "CLOSED" /* CLOSED */;
+  }, [modalState]);
+  useEffect9(() => {
+    document.documentElement.style.overflow = isVisible ? "hidden" : "auto";
+  }, [isVisible]);
+  const closeModal = useCallback7(() => {
+    if (["OPENING" /* OPENING */, "OPEN" /* OPEN */].includes(modalState)) {
+      if (transitionDuration > 0) {
+        setModalState("CLOSING" /* CLOSING */);
+        setTimeout(() => {
+          setModalState("CLOSED" /* CLOSED */);
+        }, transitionDuration);
+      } else {
+        setModalState("CLOSED" /* CLOSED */);
+      }
+    }
+  }, [modalState, transitionDuration]);
+  const openModal = useCallback7(() => {
+    if (["CLOSING" /* CLOSING */, "CLOSED" /* CLOSED */].includes(modalState)) {
+      if (transitionDuration > 0) {
+        setModalState("OPENING" /* OPENING */);
+        setTimeout(() => {
+          setModalState("OPEN" /* OPEN */);
+        }, transitionDuration);
+      } else {
+        setModalState("OPEN" /* OPEN */);
+      }
+    }
+  }, [modalState, transitionDuration]);
+  useLayoutEffect4(() => {
+    if (modalState === "CLOSED" /* CLOSED */ && isOpen) {
+      openModal();
+    } else if (modalState === "OPEN" /* OPEN */ && !isOpen) {
+      closeModal();
+    }
+  }, [isOpen, openModal, closeModal, modalState]);
+  return {
+    isVisible,
+    modalState
+  };
+};
+
+// src/hooks/use-mouse-position.ts
+import { useRef as useRef8, useState as useState14 } from "react";
+var getMousePosition = (domRect, e) => {
+  const { left, top } = domRect;
+  const containerPositionX = left + window.scrollX;
+  const containerPositionY = top + window.scrollY;
+  const containerX = e.pageX - containerPositionX;
+  const containerY = e.pageY - containerPositionY;
+  return {
+    x: e.pageX,
+    y: e.pageY,
+    elementX: containerX,
+    elementY: containerY,
+    elementPositionX: containerPositionX,
+    elementPositionY: containerPositionY
+  };
+};
+var useMousePosition = (containerRef) => {
+  const ref = useRef8(null);
+  const [position, setPosition] = useState14({
+    x: null,
+    y: null,
+    elementX: null,
+    elementY: null,
+    elementPositionX: null,
+    elementPositionY: null
+  });
+  const mouseMove = (e) => {
+    const { clientX, clientY } = e;
+    setPosition((prev) => ({ ...prev, x: clientX, y: clientY }));
+    if (containerRef?.current instanceof Element) {
+      const newState = getMousePosition(containerRef.current.getBoundingClientRect(), e);
+      setPosition((prev) => ({
+        ...prev,
+        ...newState
+      }));
+    } else if (ref.current instanceof Element) {
+      const newState = getMousePosition(ref.current.getBoundingClientRect(), e);
+      setPosition((prev) => ({
+        ...prev,
+        ...newState
+      }));
+    }
+  };
+  useEventListener("mousemove", mouseMove);
+  return { ...position, ref };
+};
+
+// src/hooks/use-online-status.ts
+import { useState as useState15 } from "react";
+var useOnlineStatus = () => {
+  const [online, setOnline] = useState15(navigator.onLine);
+  useEventListener("online", () => setOnline(navigator.onLine));
+  useEventListener("offline", () => setOnline(navigator.onLine));
+  return online;
+};
+
+// src/hooks/use-render-count.ts
+import { useEffect as useEffect10, useRef as useRef9 } from "react";
+var useRenderCount = () => {
+  const count = useRef9(1);
+  useEffect10(() => {
+    count.current++;
+  });
+  return count.current;
+};
+
+// src/hooks/use-scroll.ts
+import { useEffect as useEffect11, useRef as useRef10, useState as useState16 } from "react";
+var useScroll = () => {
+  const ref = useRef10(null);
+  const [position, setPosition] = useState16([0, 0]);
+  useEffect11(() => {
+    const element = ref.current;
+    const handleScroll = () => {
+      if (!element) return;
+      setPosition([element.scrollLeft, element.scrollTop]);
+    };
+    if (element) {
+      element.addEventListener("scroll", handleScroll);
+    }
+    return () => {
+      if (element) {
+        element.removeEventListener("scroll", handleScroll);
+      }
+    };
+  }, []);
+  return {
+    ref,
+    position
+  };
+};
+
+// src/hooks/use-state-history.ts
+import { useEffect as useEffect12, useState as useState17 } from "react";
+function useStateHistory(initialState) {
+  const [state, setState] = useState17(initialState);
+  const [history, setHistory] = useState17([]);
+  useEffect12(() => {
+    if (state !== void 0) {
+      setHistory((prevHistory) => [...prevHistory, state]);
+    }
+  }, [state]);
+  return [state, setState, history];
+}
+
+// src/hooks/use-toggle.ts
+import { useCallback as useCallback8, useState as useState18 } from "react";
+var useToggle = (defaultValue = false) => {
+  const [value, setValue] = useState18(defaultValue);
+  const toggle = useCallback8(() => {
+    setValue((prev) => !prev);
+  }, []);
+  return [value, toggle, setValue];
+};
+
+// src/hooks/use-toggle-values.ts
+import { useCallback as useCallback9, useState as useState19 } from "react";
+var useToggleValues = (values, defaultIndex = 0) => {
+  const [index, setIndex] = useState19(defaultIndex);
+  const toggle = useCallback9(
+    (index2) => {
+      setIndex(index2 !== void 0 ? index2 : (prev) => (prev + 1) % values.length);
+    },
+    [values.length]
+  );
+  return [values[index], toggle];
+};
+
+// src/hooks/use-viewport.ts
+import { useEffect as useEffect13, useState as useState20 } from "react";
+var useViewport = () => {
+  const getData = () => {
+    const { innerWidth, innerHeight } = window;
+    return {
+      width: innerWidth,
+      height: innerHeight,
+      orientation: innerWidth > innerHeight ? "landscape" /* LANDSCAPE */ : "portrait" /* PORTRAIT */
+    };
+  };
+  const [data, setData] = useState20(getData);
+  useEventListener("resize", () => {
+    setData(getData());
+  });
+  useEffect13(() => {
+    setData(getData());
+  }, []);
+  return data;
+};
+export {
+  FileTypeEnum,
+  ModalState,
+  useAsync,
+  useClassNames,
+  useClickOutside,
+  useConstant,
+  useCookie,
+  useDebounce,
+  useDebounceState,
+  useDimensions,
+  useDomContainer,
+  useEventListener,
+  useFileReader,
+  useGeolocation,
+  useHover,
+  useInView,
+  useInputHandlers,
+  useIntersectionObserver,
+  useMediaQuery,
+  useModal,
+  useModalInContainer,
+  useModalTransition,
+  useMousePosition,
+  useOnlineStatus,
+  useRenderCount,
+  useResizeObserver,
+  useSafeDispatch,
+  useScroll,
+  useStateHistory,
+  useToggle,
+  useToggleValues,
+  useViewport
+};
 //# sourceMappingURL=hooks.js.map