polpo 0.1.13 → 0.1.16

package/dist/hooks.js

@@ -1,999 +1,2 @@
 "use client";
-
-// 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
+import{useCallback as d,useMemo as B,useReducer as F}from"react";import{useCallback as w,useLayoutEffect as G,useRef as j}from"react";var b=e=>{let t=j(!1);return G(()=>(t.current=!0,()=>{t.current=!1}),[]),w((...o)=>{t.current&&e(...o)},[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)}`)}},Je=e=>{let[t,o]=F($,{status:"idle",data:null,error:null,...e}),n=b(o),r=d(u=>{n({type:"pending"}),u.then(a=>{n({type:"resolved",data:a})},a=>{n({type:"rejected",error:a})})},[n]),s=d(u=>n({type:"resolved",data:u}),[n]),i=d(u=>n({type:"rejected",error:u}),[n]);return B(()=>({setData:s,setError:i,run:r,...t}),[t,r,s,i])};import{useMemo as _}from"react";var qe=e=>_(()=>Object.entries(e).reduce((t,[o,n])=>n?[...t,o]:t,[]).join(" "),[e]);import{useEffect as U,useLayoutEffect as z,useRef as V}from"react";function l(e,t,o,n){let r=V(t);U(()=>{r.current=t},[t]),z(()=>{let s=o?.current??window;if(!(s&&s.addEventListener))return;let i=u=>r.current(u);return s.addEventListener(e,i,n),()=>{s.removeEventListener(e,i,n)}},[e,o,n])}var Y=(e,t)=>e.current&&!e.current.contains(t),st=(e,t)=>{l("keydown",o=>{o.key==="Escape"&&t()}),l("mousedown",o=>{let n=o.target;if(!n?.isConnected)return;(Array.isArray(e)?e:[e]).every(s=>Y(s,n))&&t()})};import{useState as X}from"react";var ut=e=>X(e)[0];import{useState as W,useCallback as g}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 o=new Date;o.setTime(o.getTime()+e.days*24*60*60*1e3),t.push(`expires=${o.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("; ")}`:""},O=(e,t,o={})=>{if(typeof document>"u")return;let n=encodeURIComponent(t),r=Q(o);document.cookie=`${e}=${n}${r}`},J=e=>{if(typeof document>"u")return null;let t=`${e}=`,o=document.cookie?document.cookie.split(";"):[];for(let n of o){let r=n.trim();if(r.indexOf(t)===0)return decodeURIComponent(r.substring(t.length))}return null},K=(e,t={})=>{typeof document>"u"||O(e,"",{...t,days:-1})},mt=(e,t,o={})=>{let[n,r]=W(()=>{let u=J(e);if(u!==null)try{return JSON.parse(u)}catch{return t}return t}),s=g((u,a={})=>{let c={...o,...a},m=JSON.stringify(u);O(e,m,c),r(u)},[e,o]),i=g(()=>{K(e,o),r(t)},[e,t,o]);return[n,s,i]};import{useEffect as Z,useState as q}from"react";var y=(e,t=500)=>{let[o,n]=q(e);return Z(()=>{let r=setTimeout(()=>n(e),t);return()=>{clearTimeout(r)}},[e,t]),o};import{useState as ee}from"react";var vt=(e,t=500)=>{let[o,n]=ee(e),r=y(o,t);return[o,r,n]};import{useState as oe}from"react";import{useEffect as te}from"react";var p=(e,t)=>{te(()=>{let o=Array.isArray(e)?e:[e],n=new ResizeObserver(t);return o.forEach(r=>r.current&&n.observe(r.current)),()=>{n.disconnect()}},[e,t])};var ht=e=>{let[t,o]=oe({width:0,height:0});return p(e,([n])=>{if((n?.borderBoxSize??[])[0]){let{inlineSize:r,blockSize:s}=n.borderBoxSize[0];o({width:r,height:s})}else if(n.contentRect){let{width:r,height:s}=n.contentRect;o({width:r,height:s})}}),t};import{useEffect as ne,useState as re}from"react";var h=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,o]=re(()=>h(e));return ne(()=>{let n=document.getElementById(e);if(t===null||n===null){let r=h(e);o(r)}return()=>{t&&t.parentNode&&process.env.NODE_ENV==="production"&&document.body.removeChild(t)}},[t,e]),t};import{useEffect as ue,useState as ce}from"react";import{clsx as Nt}from"clsx";import{twMerge as Ht}from"tailwind-merge";var R=(e,t=2)=>{if(e===0)return"0 Bytes";let o=1e3,n=t<0?0:t,r=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],s=Math.floor(Math.log(e)/Math.log(o));return parseFloat((e/Math.pow(o,s)).toFixed(n))+" "+r[s]};var C=({c:e,m:t,offset:o,position:n})=>{let r=e.y+e.h+o,s=e.x-(t.w-e.w)*(50/100);switch(n){case"top":case"top center":r=e.y-t.h-o,s=e.x-(t.w-e.w)/2;break;case"top left":r=e.y-t.h-o,s=e.x-t.w+e.w;break;case"top right":r=e.y-t.h-o,s=e.x;break;case"bottom":case"bottom center":r=e.y+e.h+o,s=e.x-(t.w-e.w)/2;break;case"bottom left":r=e.y+e.h+o,s=e.x-t.w+e.w;break;case"bottom right":r=e.y+e.h+o,s=e.x;break;case"left":case"left center":r=e.y-(t.h-e.h)/2,s=e.x-t.w-o;break;case"left top":r=e.y-t.h+e.h,s=e.x-t.w-o;break;case"left bottom":r=e.y,s=e.x-t.w-o;break;case"right":case"right center":r=e.y-(t.h-e.h)/2,s=e.x+e.w+o;break;case"right top":r=e.y-t.h+e.h,s=e.x+e.w+o;break;case"right bottom":r=e.y,s=e.x+e.w+o;break}return{left:Math.round(s),top:Math.round(r)}},se=({top:e,left:t},o,n,r)=>{let s=o.split(" "),i=[],u=t+r.w+n-window.innerWidth,a=e+r.h+n-window.innerHeight;for(let c of s)c==="top"&&e<n?i.push("bottom"):c==="left"&&t<n?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},o,n)=>{let r=t+o.w+n-window.innerWidth,s=e+o.h+n-window.innerHeight;return t=r>0?t-r:t,e=s>0?e-s:e,t=t<n?n:t,e=e<n?n:e,{top:e,left:t}},P=({c:e,m:t,offset:o,windowOffset:n,position:r})=>{let s={c:e,m:t,offset:o,position:r},i=C(s),u=se(i,r,n,t);u!==r&&(i=C({...s,position:u}));let a=ie(i,t,n);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 le=(o=>(o.PNG="image/png",o.PDF="application/pdf",o))(le||{}),Kt=e=>{let[t,o]=ce([]);return ue(()=>{let n=[],r=!1;if(!Array.isArray(e)||e.length===0)o([]);else{let s=e.map(i=>new Promise((u,a)=>{let c=new FileReader;n.push(c),c.onload=m=>{m.target?.result&&u({name:i.name,size:i.size,formatSize:R(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||o(i)})}return()=>{r=!0,n.forEach(s=>{s.abort()})}},[e]),t};import{useEffect as me,useRef as pe,useState as T}from"react";var eo=()=>{let[e,t]=T(null),[o,n]=T(null),[r,s]=T(!0),i=pe(null);return me(()=>{if(!navigator.geolocation){n({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=>{n({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:o,isLoading:r}};import{useCallback as L,useRef as de,useState as Te}from"react";var ro=()=>{let[e,t]=Te(!1),o=de(null),n=L(()=>t(!0),[]),r=L(()=>t(!1),[]);return l("mouseenter",n,o),l("mouseleave",r,o),e};import{useRef as Ee,useState as ve}from"react";import{useEffect as fe}from"react";var N=(e,t,o={})=>{fe(()=>{let n=Array.isArray(e)?e:[e],r=new IntersectionObserver(t,o);return n.forEach(s=>s.current&&r.observe(s.current)),()=>{r.disconnect()}},[t,o,e])};var mo=(e={})=>{let[t,o]=ve(!1),n=Ee(null);return N(n,([r])=>{o(r.isIntersecting)},e),{ref:n,inView:t}};import{useCallback as f,useState as xe}from"react";var Eo=({onBlur:e,onFocus:t,onChange:o}={})=>{let[n,r]=xe(!1),s=f(a=>{r(!0),t&&t(a)},[t]),i=f(a=>{r(!1),e&&e(a)},[e]),u=f(a=>{o&&o(a)},[o]);return{isFocus:n,handlers:{onFocus:s,onBlur:i,onChange:u}}};import{useEffect as Me,useState as be}from"react";var Mo=e=>{let[t,o]=be(!1);return Me(()=>{let n=window.matchMedia(e);n.matches!==t&&o(n.matches);let r=()=>{o(n.matches)};return n.addEventListener("change",r),()=>{n.removeEventListener("change",r)}},[t,e]),t};import{useRef as ge,useState as Oe}from"react";var Oo=()=>{let e=ge(null),[t,o]=Oe(!1);return{containerRef:e,isOpen:t,openModal:()=>{o(!0)},closeModal:()=>{o(!1)}}};import{useCallback as k,useLayoutEffect as ye,useRef as he}from"react";var H=e=>({x:e.x,y:e.y,w:e.width,h:e.height,top:e.top,left:e.left}),No=({offset:e=0,windowOffset:t=0,position:o="bottom",modalRef:n,containerRef:r,isOpen:s})=>{let i=he(null),u=k((c,m)=>{let E=c.current?.getClientRects()[0],v=m.current?.getClientRects()[0];if(!E)return;let x=v?P({c:H(v),m:H(E),offset:e,windowOffset:t,position:o}):S({position:o,windowOffset:t});Object.keys(x).forEach(M=>{c.current?.style.setProperty(M,x[M])})},[o,t,e]),a=k(()=>{s&&u(n,r??i)},[u,s,r,n]);ye(a,[a]),p(r??i,a),p(n,a),l("resize",a),l("scroll",a,n)};import Re,{useCallback as A,useEffect as Ce,useLayoutEffect as Pe,useMemo as Se}from"react";var Le=(r=>(r.OPENING="OPENING",r.OPEN="OPEN",r.CLOSING="CLOSING",r.CLOSED="CLOSED",r))(Le||{}),Ao=({transitionDuration:e=0,isOpen:t})=>{let[o,n]=Re.useState("CLOSED"),r=Se(()=>o!=="CLOSED",[o]);Ce(()=>{document.documentElement.style.overflow=r?"hidden":"auto"},[r]);let s=A(()=>{["OPENING","OPEN"].includes(o)&&(e>0?(n("CLOSING"),setTimeout(()=>{n("CLOSED")},e)):n("CLOSED"))},[o,e]),i=A(()=>{["CLOSING","CLOSED"].includes(o)&&(e>0?(n("OPENING"),setTimeout(()=>{n("OPEN")},e)):n("OPEN"))},[o,e]);return Pe(()=>{o==="CLOSED"&&t?i():o==="OPEN"&&!t&&s()},[t,i,s,o]),{isVisible:r,modalState:o}};import{useRef as Ne,useState as ke}from"react";var D=(e,t)=>{let{left:o,top:n}=e,r=o+window.scrollX,s=n+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}},jo=e=>{let t=Ne(null),[o,n]=ke({x:null,y:null,elementX:null,elementY:null,elementPositionX:null,elementPositionY:null});return l("mousemove",s=>{let{clientX:i,clientY:u}=s;if(n(a=>({...a,x:i,y:u})),e?.current instanceof Element){let a=D(e.current.getBoundingClientRect(),s);n(c=>({...c,...a}))}else if(t.current instanceof Element){let a=D(t.current.getBoundingClientRect(),s);n(c=>({...c,...a}))}}),{...o,ref:t}};import{useState as He}from"react";var _o=()=>{let[e,t]=He(navigator.onLine);return l("online",()=>t(navigator.onLine)),l("offline",()=>t(navigator.onLine)),e};import{useEffect as Ae,useRef as De}from"react";var Vo=()=>{let e=De(1);return Ae(()=>{e.current++}),e.current};import{useEffect as Ie,useRef as we,useState as Ge}from"react";var Wo=()=>{let e=we(null),[t,o]=Ge([0,0]);return Ie(()=>{let n=e.current,r=()=>{n&&o([n.scrollLeft,n.scrollTop])};return n&&n.addEventListener("scroll",r),()=>{n&&n.removeEventListener("scroll",r)}},[]),{ref:e,position:t}};import{useEffect as je,useState as I}from"react";function qo(e){let[t,o]=I(e),[n,r]=I([]);return je(()=>{t!==void 0&&r(s=>[...s,t])},[t]),[t,o,n]}import{useCallback as Be,useState as Fe}from"react";var on=(e=!1)=>{let[t,o]=Fe(e),n=Be(()=>{o(r=>!r)},[]);return[t,n,o]};import{useCallback as $e,useState as _e}from"react";var sn=(e,t=0)=>{let[o,n]=_e(t),r=$e(s=>{n(s!==void 0?s:i=>(i+1)%e.length)},[e.length]);return[e[o],r]};import{useEffect as Ue,useState as ze}from"react";var ln=()=>{let e=()=>{let{innerWidth:n,innerHeight:r}=window;return{width:n,height:r,orientation:n>r?"landscape":"portrait"}},[t,o]=ze(e);return l("resize",()=>{o(e())}),Ue(()=>{o(e())},[]),t};export{le as FileTypeEnum,Le as ModalState,Je as useAsync,qe as useClassNames,st as useClickOutside,ut as useConstant,mt as useCookie,y as useDebounce,vt as useDebounceState,ht as useDimensions,Pt as useDomContainer,l as useEventListener,Kt as useFileReader,eo as useGeolocation,ro as useHover,mo as useInView,Eo as useInputHandlers,N as useIntersectionObserver,Mo as useMediaQuery,Oo as useModal,No as useModalInContainer,Ao as useModalTransition,jo as useMousePosition,_o as useOnlineStatus,Vo as useRenderCount,p as useResizeObserver,b as useSafeDispatch,Wo as useScroll,qo as useStateHistory,on as useToggle,sn as useToggleValues,ln as useViewport};