polpo 0.1.11 → 0.1.13

package/dist/hooks.cjs

@@ -1,3 +1,1066 @@
 "use client";
-"use strict";var ae=Object.create;var g=Object.defineProperty;var ue=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var le=Object.getPrototypeOf,me=Object.prototype.hasOwnProperty;var de=(e,t)=>{for(var n in t)g(e,n,{get:t[n],enumerable:!0})},U=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ce(t))!me.call(e,r)&&r!==n&&g(e,r,{get:()=>t[r],enumerable:!(o=ue(t,r))||o.enumerable});return e};var pe=(e,t,n)=>(n=e!=null?ae(le(e)):{},U(t||!e||!e.__esModule?g(n,"default",{value:e,enumerable:!0}):n,e)),Te=e=>U(g({},"__esModule",{value:!0}),e);var Xe={};de(Xe,{FileTypeEnum:()=>te,ModalState:()=>re,useAsync:()=>Ee,useClassNames:()=>ve,useClickOutside:()=>xe,useConstant:()=>Me,useCookie:()=>ge,useDebounce:()=>w,useDebounceState:()=>he,useDimensions:()=>Pe,useDomContainer:()=>Ce,useEventListener:()=>l,useFileReader:()=>ke,useGeolocation:()=>Ne,useHover:()=>He,useInView:()=>Ie,useInputHandlers:()=>Ae,useIntersectionObserver:()=>B,useMediaQuery:()=>De,useModal:()=>Ge,useModalInContainer:()=>we,useModalTransition:()=>Be,useMousePosition:()=>je,useOnlineStatus:()=>Fe,useRenderCount:()=>_e,useResizeObserver:()=>x,useSafeDispatch:()=>G,useScroll:()=>$e,useStateHistory:()=>Ue,useToggle:()=>ze,useToggleValues:()=>Ve,useViewport:()=>Ye});module.exports=Te(Xe);var d=require("react");var v=require("react"),G=e=>{let t=(0,v.useRef)(!1);return(0,v.useLayoutEffect)(()=>(t.current=!0,()=>{t.current=!1}),[]),(0,v.useCallback)((...n)=>{t.current&&e(...n)},[e])};var fe=(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)}`)}},Ee=e=>{let[t,n]=(0,d.useReducer)(fe,{status:"idle",data:null,error:null,...e}),o=G(n),r=(0,d.useCallback)(u=>{o({type:"pending"}),u.then(a=>{o({type:"resolved",data:a})},a=>{o({type:"rejected",error:a})})},[o]),s=(0,d.useCallback)(u=>o({type:"resolved",data:u}),[o]),i=(0,d.useCallback)(u=>o({type:"rejected",error:u}),[o]);return(0,d.useMemo)(()=>({setData:s,setError:i,run:r,...t}),[t,r,s,i])};var z=require("react"),ve=e=>(0,z.useMemo)(()=>Object.entries(e).reduce((t,[n,o])=>o?[...t,n]:t,[]).join(" "),[e]);var b=require("react");function l(e,t,n,o){let r=(0,b.useRef)(t);(0,b.useEffect)(()=>{r.current=t},[t]),(0,b.useLayoutEffect)(()=>{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 be=(e,t)=>e.current&&!e.current.contains(t),xe=(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=>be(s,o))&&t()})};var V=require("react"),Me=e=>(0,V.useState)(e)[0];var y=require("react"),Oe=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=Oe(n);document.cookie=`${e}=${o}${r}`},ye=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},Re=(e,t={})=>{typeof document>"u"||Y(e,"",{...t,days:-1})},ge=(e,t,n={})=>{let[o,r]=(0,y.useState)(()=>{let u=ye(e);if(u!==null)try{return JSON.parse(u)}catch{return t}return t}),s=(0,y.useCallback)((u,a={})=>{let c={...n,...a},E=JSON.stringify(u);Y(e,E,c),r(u)},[e,n]),i=(0,y.useCallback)(()=>{Re(e,n),r(t)},[e,t,n]);return[o,s,i]};var h=require("react"),w=(e,t=500)=>{let[n,o]=(0,h.useState)(e);return(0,h.useEffect)(()=>{let r=setTimeout(()=>o(e),t);return()=>{clearTimeout(r)}},[e,t]),n};var X=require("react");var he=(e,t=500)=>{let[n,o]=(0,X.useState)(e),r=w(n,t);return[n,r,o]};var Q=require("react");var W=require("react"),x=(e,t)=>{(0,W.useEffect)(()=>{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 Pe=e=>{let[t,n]=(0,Q.useState)({width:0,height:0});return x(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};var P=require("react"),J=e=>{let t=document.getElementById(e);return t===null&&(t=document.createElement("div"),t.setAttribute("id",e),document.body.appendChild(t)),t},Ce=e=>{let[t,n]=(0,P.useState)(()=>J(e));return(0,P.useEffect)(()=>{let o=document.getElementById(e);if(t===null||o===null){let r=J(e);n(r)}return()=>{t&&t.parentNode&&process.env.NODE_ENV==="production"&&document.body.removeChild(t)}},[t,e]),t};var C=require("react");var K=(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 Z=({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(" ")},Le=({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}},q=({c:e,m:t,offset:n,windowOffset:o,position:r})=>{let s={c:e,m:t,offset:n,position:r},i=Z(s),u=Se(i,r,o,t);u!==r&&(i=Z({...s,position:u}));let a=Le(i,t,o);return{left:`${a.left}px`,top:`${a.top}px`}};var ee=({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 te=(n=>(n.PNG="image/png",n.PDF="application/pdf",n))(te||{}),ke=e=>{let[t,n]=(0,C.useState)([]);return(0,C.useEffect)(()=>{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=E=>{E.target?.result&&u({name:i.name,size:i.size,formatSize:K(i.size),type:i.type,url:E.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};var p=require("react"),Ne=()=>{let[e,t]=(0,p.useState)(null),[n,o]=(0,p.useState)(null),[r,s]=(0,p.useState)(!0),i=(0,p.useRef)(null);return(0,p.useEffect)(()=>{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}};var T=require("react");var He=()=>{let[e,t]=(0,T.useState)(!1),n=(0,T.useRef)(null),o=(0,T.useCallback)(()=>t(!0),[]),r=(0,T.useCallback)(()=>t(!1),[]);return l("mouseenter",o,n),l("mouseleave",r,n),e};var S=require("react");var ne=require("react"),B=(e,t,n={})=>{(0,ne.useEffect)(()=>{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 Ie=(e={})=>{let[t,n]=(0,S.useState)(!1),o=(0,S.useRef)(null);return B(o,([r])=>{n(r.isIntersecting)},e),{ref:o,inView:t}};var M=require("react"),Ae=({onBlur:e,onFocus:t,onChange:n}={})=>{let[o,r]=(0,M.useState)(!1),s=(0,M.useCallback)(a=>{r(!0),t&&t(a)},[t]),i=(0,M.useCallback)(a=>{r(!1),e&&e(a)},[e]),u=(0,M.useCallback)(a=>{n&&n(a)},[n]);return{isFocus:o,handlers:{onFocus:s,onBlur:i,onChange:u}}};var L=require("react"),De=e=>{let[t,n]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{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};var k=require("react"),Ge=()=>{let e=(0,k.useRef)(null),[t,n]=(0,k.useState)(!1);return{containerRef:e,isOpen:t,openModal:()=>{n(!0)},closeModal:()=>{n(!1)}}};var f=require("react");var oe=e=>({x:e.x,y:e.y,w:e.width,h:e.height,top:e.top,left:e.left}),we=({offset:e=0,windowOffset:t=0,position:n="bottom",modalRef:o,containerRef:r,isOpen:s})=>{let i=(0,f.useRef)(null),u=(0,f.useCallback)((c,E)=>{let j=c.current?.getClientRects()[0],F=E.current?.getClientRects()[0];if(!j)return;let _=F?q({c:oe(F),m:oe(j),offset:e,windowOffset:t,position:n}):ee({position:n,windowOffset:t});Object.keys(_).forEach($=>{c.current?.style.setProperty($,_[$])})},[n,t,e]),a=(0,f.useCallback)(()=>{s&&u(o,r??i)},[u,s,r,o]);(0,f.useLayoutEffect)(a,[a]),x(r??i,a),x(o,a),l("resize",a),l("scroll",a,o)};var m=pe(require("react"),1),re=(r=>(r.OPENING="OPENING",r.OPEN="OPEN",r.CLOSING="CLOSING",r.CLOSED="CLOSED",r))(re||{}),Be=({transitionDuration:e=0,isOpen:t})=>{let[n,o]=m.default.useState("CLOSED"),r=(0,m.useMemo)(()=>n!=="CLOSED",[n]);(0,m.useEffect)(()=>{document.documentElement.style.overflow=r?"hidden":"auto"},[r]);let s=(0,m.useCallback)(()=>{["OPENING","OPEN"].includes(n)&&(e>0?(o("CLOSING"),setTimeout(()=>{o("CLOSED")},e)):o("CLOSED"))},[n,e]),i=(0,m.useCallback)(()=>{["CLOSING","CLOSED"].includes(n)&&(e>0?(o("OPENING"),setTimeout(()=>{o("OPEN")},e)):o("OPEN"))},[n,e]);return(0,m.useLayoutEffect)(()=>{n==="CLOSED"&&t?i():n==="OPEN"&&!t&&s()},[t,i,s,n]),{isVisible:r,modalState:n}};var N=require("react");var se=(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}},je=e=>{let t=(0,N.useRef)(null),[n,o]=(0,N.useState)({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=se(e.current.getBoundingClientRect(),s);o(c=>({...c,...a}))}else if(t.current instanceof Element){let a=se(t.current.getBoundingClientRect(),s);o(c=>({...c,...a}))}}),{...n,ref:t}};var ie=require("react");var Fe=()=>{let[e,t]=(0,ie.useState)(navigator.onLine);return l("online",()=>t(navigator.onLine)),l("offline",()=>t(navigator.onLine)),e};var H=require("react"),_e=()=>{let e=(0,H.useRef)(1);return(0,H.useEffect)(()=>{e.current++}),e.current};var O=require("react"),$e=()=>{let e=(0,O.useRef)(null),[t,n]=(0,O.useState)([0,0]);return(0,O.useEffect)(()=>{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}};var R=require("react");function Ue(e){let[t,n]=(0,R.useState)(e),[o,r]=(0,R.useState)([]);return(0,R.useEffect)(()=>{t!==void 0&&r(s=>[...s,t])},[t]),[t,n,o]}var I=require("react"),ze=(e=!1)=>{let[t,n]=(0,I.useState)(e),o=(0,I.useCallback)(()=>{n(r=>!r)},[]);return[t,o,n]};var A=require("react"),Ve=(e,t=0)=>{let[n,o]=(0,A.useState)(t),r=(0,A.useCallback)(s=>{o(s!==void 0?s:i=>(i+1)%e.length)},[e.length]);return[e[n],r]};var D=require("react");var Ye=()=>{let e=()=>{let{innerWidth:o,innerHeight:r}=window;return{width:o,height:r,orientation:o>r?"landscape":"portrait"}},[t,n]=(0,D.useState)(e);return l("resize",()=>{n(e())}),(0,D.useEffect)(()=>{n(e())},[]),t};0&&(module.exports={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});
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  FileTypeEnum: () => FileTypeEnum,
+  ModalState: () => ModalState,
+  useAsync: () => useAsync,
+  useClassNames: () => useClassNames,
+  useClickOutside: () => useClickOutside,
+  useConstant: () => useConstant,
+  useCookie: () => useCookie,
+  useDebounce: () => useDebounce,
+  useDebounceState: () => useDebounceState,
+  useDimensions: () => useDimensions,
+  useDomContainer: () => useDomContainer,
+  useEventListener: () => useEventListener,
+  useFileReader: () => useFileReader,
+  useGeolocation: () => useGeolocation,
+  useHover: () => useHover,
+  useInView: () => useInView,
+  useInputHandlers: () => useInputHandlers,
+  useIntersectionObserver: () => useIntersectionObserver,
+  useMediaQuery: () => useMediaQuery,
+  useModal: () => useModal,
+  useModalInContainer: () => useModalInContainer,
+  useModalTransition: () => useModalTransition,
+  useMousePosition: () => useMousePosition,
+  useOnlineStatus: () => useOnlineStatus,
+  useRenderCount: () => useRenderCount,
+  useResizeObserver: () => useResizeObserver,
+  useSafeDispatch: () => useSafeDispatch,
+  useScroll: () => useScroll,
+  useStateHistory: () => useStateHistory,
+  useToggle: () => useToggle,
+  useToggleValues: () => useToggleValues,
+  useViewport: () => useViewport
+});
+module.exports = __toCommonJS(hooks_exports);
+
+// src/hooks/use-async.ts
+var import_react2 = require("react");
+
+// src/hooks/use-safe-dispatch.ts
+var import_react = require("react");
+var useSafeDispatch = (dispatch) => {
+  const mounted = (0, import_react.useRef)(false);
+  (0, import_react.useLayoutEffect)(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  return (0, import_react.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] = (0, import_react2.useReducer)(asyncReducer, {
+    status: "idle",
+    data: null,
+    error: null,
+    ...initialState
+  });
+  const dispatch = useSafeDispatch(unsafeDispatch);
+  const run = (0, import_react2.useCallback)(
+    (promise) => {
+      dispatch({ type: "pending" });
+      promise.then(
+        (data) => {
+          dispatch({ type: "resolved", data });
+        },
+        (error) => {
+          dispatch({ type: "rejected", error });
+        }
+      );
+    },
+    [dispatch]
+  );
+  const setData = (0, import_react2.useCallback)((data) => dispatch({ type: "resolved", data }), [dispatch]);
+  const setError = (0, import_react2.useCallback)((error) => dispatch({ type: "rejected", error }), [dispatch]);
+  return (0, import_react2.useMemo)(
+    () => ({
+      setData,
+      setError,
+      run,
+      ...asyncState
+    }),
+    [asyncState, run, setData, setError]
+  );
+};
+
+// src/hooks/use-classnames.ts
+var import_react3 = require("react");
+var useClassNames = (classes) => (0, import_react3.useMemo)(
+  () => Object.entries(classes).reduce(
+    (compiledClassNames, [classname, value]) => value ? [...compiledClassNames, classname] : compiledClassNames,
+    []
+  ).join(" "),
+  [classes]
+);
+
+// src/hooks/use-event-listener.ts
+var import_react4 = require("react");
+function useEventListener(eventName, callback, element, options) {
+  const callbackRef = (0, import_react4.useRef)(callback);
+  (0, import_react4.useEffect)(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  (0, import_react4.useLayoutEffect)(() => {
+    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
+var import_react5 = require("react");
+var useConstant = (initializer) => (0, import_react5.useState)(initializer)[0];
+
+// src/hooks/use-cookie.ts
+var import_react6 = require("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] = (0, import_react6.useState)(() => {
+    const rawCookie = getCookie(cookieName);
+    if (rawCookie !== null) {
+      try {
+        return JSON.parse(rawCookie);
+      } catch {
+        return defaultValue;
+      }
+    }
+    return defaultValue;
+  });
+  const updateCookie = (0, import_react6.useCallback)(
+    (value, overrideOptions = {}) => {
+      const mergedOptions = { ...options, ...overrideOptions };
+      const stringValue = JSON.stringify(value);
+      setCookie(cookieName, stringValue, mergedOptions);
+      setCookieValue(value);
+    },
+    [cookieName, options]
+  );
+  const removeCookie = (0, import_react6.useCallback)(() => {
+    deleteCookie(cookieName, options);
+    setCookieValue(defaultValue);
+  }, [cookieName, defaultValue, options]);
+  return [cookieValue, updateCookie, removeCookie];
+};
+
+// src/hooks/use-debounce.ts
+var import_react7 = require("react");
+var useDebounce = (value, delay = 500) => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react7.useState)(value);
+  (0, import_react7.useEffect)(() => {
+    const timer = setTimeout(() => setDebouncedValue(value), delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+};
+
+// src/hooks/use-debounce-state.ts
+var import_react8 = require("react");
+var useDebounceState = (defaultValue, delay = 500) => {
+  const [value, setValue] = (0, import_react8.useState)(defaultValue);
+  const debouncedValue = useDebounce(value, delay);
+  return [value, debouncedValue, setValue];
+};
+
+// src/hooks/use-dimensions.ts
+var import_react10 = require("react");
+
+// src/hooks/use-resize-observer.ts
+var import_react9 = require("react");
+var useResizeObserver = (ref, callback) => {
+  (0, import_react9.useEffect)(() => {
+    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] = (0, import_react10.useState)({ 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
+var import_react11 = require("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] = (0, import_react11.useState)(() => createContainer(containerID));
+  (0, import_react11.useEffect)(() => {
+    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
+var import_react12 = require("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] = (0, import_react12.useState)([]);
+  (0, import_react12.useEffect)(() => {
+    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
+var import_react13 = require("react");
+var useGeolocation = () => {
+  const [data, setData] = (0, import_react13.useState)(null);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react13.useState)(true);
+  const watchIdRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
+    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
+var import_react14 = require("react");
+var useHover = () => {
+  const [isHovered, setIsHovered] = (0, import_react14.useState)(false);
+  const ref = (0, import_react14.useRef)(null);
+  const handleMouseEnter = (0, import_react14.useCallback)(() => setIsHovered(true), []);
+  const handleMouseLeave = (0, import_react14.useCallback)(() => setIsHovered(false), []);
+  useEventListener("mouseenter", handleMouseEnter, ref);
+  useEventListener("mouseleave", handleMouseLeave, ref);
+  return isHovered;
+};
+
+// src/hooks/use-in-view.ts
+var import_react16 = require("react");
+
+// src/hooks/use-intersection-observer.ts
+var import_react15 = require("react");
+var useIntersectionObserver = (ref, callback, initOptions = {}) => {
+  (0, import_react15.useEffect)(() => {
+    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] = (0, import_react16.useState)(false);
+  const ref = (0, import_react16.useRef)(null);
+  useIntersectionObserver(
+    ref,
+    ([entry]) => {
+      setInView(entry.isIntersecting);
+    },
+    initOptions
+  );
+  return { ref, inView };
+};
+
+// src/hooks/use-input-handlers.ts
+var import_react17 = require("react");
+var useInputHandlers = ({
+  onBlur,
+  onFocus,
+  onChange
+} = {}) => {
+  const [isFocus, setIsFocus] = (0, import_react17.useState)(false);
+  const handleFocus = (0, import_react17.useCallback)(
+    (e) => {
+      setIsFocus(true);
+      onFocus && onFocus(e);
+    },
+    [onFocus]
+  );
+  const handleBlur = (0, import_react17.useCallback)(
+    (e) => {
+      setIsFocus(false);
+      onBlur && onBlur(e);
+    },
+    [onBlur]
+  );
+  const handleChange = (0, import_react17.useCallback)(
+    (e) => {
+      onChange && onChange(e);
+    },
+    [onChange]
+  );
+  return {
+    isFocus,
+    handlers: {
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onChange: handleChange
+    }
+  };
+};
+
+// src/hooks/use-media-query.ts
+var import_react18 = require("react");
+var useMediaQuery = (query) => {
+  const [matches, setMatches] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
+    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
+var import_react19 = require("react");
+var useModal = () => {
+  const containerRef = (0, import_react19.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react19.useState)(false);
+  const openModal = () => {
+    setIsOpen(true);
+  };
+  const closeModal = () => {
+    setIsOpen(false);
+  };
+  return {
+    containerRef,
+    isOpen,
+    openModal,
+    closeModal
+  };
+};
+
+// src/hooks/use-modal-in-container.ts
+var import_react20 = require("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 = (0, import_react20.useRef)(null);
+  const getPosition = (0, import_react20.useCallback)(
+    (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 = (0, import_react20.useCallback)(() => {
+    if (isOpen) {
+      getPosition(modalRef, containerRef ?? containerTemporalRef);
+    }
+  }, [getPosition, isOpen, containerRef, modalRef]);
+  (0, import_react20.useLayoutEffect)(callback, [callback]);
+  useResizeObserver(containerRef ?? containerTemporalRef, callback);
+  useResizeObserver(modalRef, callback);
+  useEventListener("resize", callback);
+  useEventListener("scroll", callback, modalRef);
+};
+
+// src/hooks/use-modal-transition.ts
+var import_react21 = __toESM(require("react"), 1);
+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] = import_react21.default.useState("CLOSED" /* CLOSED */);
+  const isVisible = (0, import_react21.useMemo)(() => {
+    return modalState !== "CLOSED" /* CLOSED */;
+  }, [modalState]);
+  (0, import_react21.useEffect)(() => {
+    document.documentElement.style.overflow = isVisible ? "hidden" : "auto";
+  }, [isVisible]);
+  const closeModal = (0, import_react21.useCallback)(() => {
+    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 = (0, import_react21.useCallback)(() => {
+    if (["CLOSING" /* CLOSING */, "CLOSED" /* CLOSED */].includes(modalState)) {
+      if (transitionDuration > 0) {
+        setModalState("OPENING" /* OPENING */);
+        setTimeout(() => {
+          setModalState("OPEN" /* OPEN */);
+        }, transitionDuration);
+      } else {
+        setModalState("OPEN" /* OPEN */);
+      }
+    }
+  }, [modalState, transitionDuration]);
+  (0, import_react21.useLayoutEffect)(() => {
+    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
+var import_react22 = require("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 = (0, import_react22.useRef)(null);
+  const [position, setPosition] = (0, import_react22.useState)({
+    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
+var import_react23 = require("react");
+var useOnlineStatus = () => {
+  const [online, setOnline] = (0, import_react23.useState)(navigator.onLine);
+  useEventListener("online", () => setOnline(navigator.onLine));
+  useEventListener("offline", () => setOnline(navigator.onLine));
+  return online;
+};
+
+// src/hooks/use-render-count.ts
+var import_react24 = require("react");
+var useRenderCount = () => {
+  const count = (0, import_react24.useRef)(1);
+  (0, import_react24.useEffect)(() => {
+    count.current++;
+  });
+  return count.current;
+};
+
+// src/hooks/use-scroll.ts
+var import_react25 = require("react");
+var useScroll = () => {
+  const ref = (0, import_react25.useRef)(null);
+  const [position, setPosition] = (0, import_react25.useState)([0, 0]);
+  (0, import_react25.useEffect)(() => {
+    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
+var import_react26 = require("react");
+function useStateHistory(initialState) {
+  const [state, setState] = (0, import_react26.useState)(initialState);
+  const [history, setHistory] = (0, import_react26.useState)([]);
+  (0, import_react26.useEffect)(() => {
+    if (state !== void 0) {
+      setHistory((prevHistory) => [...prevHistory, state]);
+    }
+  }, [state]);
+  return [state, setState, history];
+}
+
+// src/hooks/use-toggle.ts
+var import_react27 = require("react");
+var useToggle = (defaultValue = false) => {
+  const [value, setValue] = (0, import_react27.useState)(defaultValue);
+  const toggle = (0, import_react27.useCallback)(() => {
+    setValue((prev) => !prev);
+  }, []);
+  return [value, toggle, setValue];
+};
+
+// src/hooks/use-toggle-values.ts
+var import_react28 = require("react");
+var useToggleValues = (values, defaultIndex = 0) => {
+  const [index, setIndex] = (0, import_react28.useState)(defaultIndex);
+  const toggle = (0, import_react28.useCallback)(
+    (index2) => {
+      setIndex(index2 !== void 0 ? index2 : (prev) => (prev + 1) % values.length);
+    },
+    [values.length]
+  );
+  return [values[index], toggle];
+};
+
+// src/hooks/use-viewport.ts
+var import_react29 = require("react");
+var useViewport = () => {
+  const getData = () => {
+    const { innerWidth, innerHeight } = window;
+    return {
+      width: innerWidth,
+      height: innerHeight,
+      orientation: innerWidth > innerHeight ? "landscape" /* LANDSCAPE */ : "portrait" /* PORTRAIT */
+    };
+  };
+  const [data, setData] = (0, import_react29.useState)(getData);
+  useEventListener("resize", () => {
+    setData(getData());
+  });
+  (0, import_react29.useEffect)(() => {
+    setData(getData());
+  }, []);
+  return data;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  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.cjs.map