polpo 0.1.13 → 0.1.16

package/dist/hooks.cjs

@@ -1,1066 +1,2 @@
 "use client";
-"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
+"use strict";var ae=Object.create;var h=Object.defineProperty;var ue=Object.getOwnPropertyDescriptor;var ce=Object.getOwnPropertyNames;var le=Object.getPrototypeOf,me=Object.prototype.hasOwnProperty;var pe=(e,t)=>{for(var o in t)h(e,o,{get:t[o],enumerable:!0})},U=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ce(t))!me.call(e,r)&&r!==o&&h(e,r,{get:()=>t[r],enumerable:!(n=ue(t,r))||n.enumerable});return e};var de=(e,t,o)=>(o=e!=null?ae(le(e)):{},U(t||!e||!e.__esModule?h(o,"default",{value:e,enumerable:!0}):o,e)),Te=e=>U(h({},"__esModule",{value:!0}),e);var Je={};pe(Je,{FileTypeEnum:()=>te,ModalState:()=>re,useAsync:()=>Ee,useClassNames:()=>ve,useClickOutside:()=>Me,useConstant:()=>be,useCookie:()=>he,useDebounce:()=>G,useDebounceState:()=>Re,useDimensions:()=>Ce,useDomContainer:()=>Pe,useEventListener:()=>l,useFileReader:()=>Ae,useGeolocation:()=>De,useHover:()=>Ie,useInView:()=>we,useInputHandlers:()=>Ge,useIntersectionObserver:()=>j,useMediaQuery:()=>je,useModal:()=>Be,useModalInContainer:()=>Fe,useModalTransition:()=>$e,useMousePosition:()=>_e,useOnlineStatus:()=>Ue,useRenderCount:()=>ze,useResizeObserver:()=>M,useSafeDispatch:()=>w,useScroll:()=>Ve,useStateHistory:()=>Ye,useToggle:()=>Xe,useToggleValues:()=>We,useViewport:()=>Qe});module.exports=Te(Je);var p=require("react");var v=require("react"),w=e=>{let t=(0,v.useRef)(!1);return(0,v.useLayoutEffect)(()=>(t.current=!0,()=>{t.current=!1}),[]),(0,v.useCallback)((...o)=>{t.current&&e(...o)},[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,o]=(0,p.useReducer)(fe,{status:"idle",data:null,error:null,...e}),n=w(o),r=(0,p.useCallback)(u=>{n({type:"pending"}),u.then(a=>{n({type:"resolved",data:a})},a=>{n({type:"rejected",error:a})})},[n]),s=(0,p.useCallback)(u=>n({type:"resolved",data:u}),[n]),i=(0,p.useCallback)(u=>n({type:"rejected",error:u}),[n]);return(0,p.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,[o,n])=>n?[...t,o]:t,[]).join(" "),[e]);var x=require("react");function l(e,t,o,n){let r=(0,x.useRef)(t);(0,x.useEffect)(()=>{r.current=t},[t]),(0,x.useLayoutEffect)(()=>{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 xe=(e,t)=>e.current&&!e.current.contains(t),Me=(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=>xe(s,n))&&t()})};var V=require("react"),be=e=>(0,V.useState)(e)[0];var O=require("react"),ge=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("; ")}`:""},Y=(e,t,o={})=>{if(typeof document>"u")return;let n=encodeURIComponent(t),r=ge(o);document.cookie=`${e}=${n}${r}`},Oe=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},ye=(e,t={})=>{typeof document>"u"||Y(e,"",{...t,days:-1})},he=(e,t,o={})=>{let[n,r]=(0,O.useState)(()=>{let u=Oe(e);if(u!==null)try{return JSON.parse(u)}catch{return t}return t}),s=(0,O.useCallback)((u,a={})=>{let c={...o,...a},E=JSON.stringify(u);Y(e,E,c),r(u)},[e,o]),i=(0,O.useCallback)(()=>{ye(e,o),r(t)},[e,t,o]);return[n,s,i]};var R=require("react"),G=(e,t=500)=>{let[o,n]=(0,R.useState)(e);return(0,R.useEffect)(()=>{let r=setTimeout(()=>n(e),t);return()=>{clearTimeout(r)}},[e,t]),o};var X=require("react");var Re=(e,t=500)=>{let[o,n]=(0,X.useState)(e),r=G(o,t);return[o,r,n]};var Q=require("react");var W=require("react"),M=(e,t)=>{(0,W.useEffect)(()=>{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 Ce=e=>{let[t,o]=(0,Q.useState)({width:0,height:0});return M(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};var C=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},Pe=e=>{let[t,o]=(0,C.useState)(()=>J(e));return(0,C.useEffect)(()=>{let n=document.getElementById(e);if(t===null||n===null){let r=J(e);o(r)}return()=>{t&&t.parentNode&&process.env.NODE_ENV==="production"&&document.body.removeChild(t)}},[t,e]),t};var P=require("react");var Se=require("clsx"),Le=require("tailwind-merge");var K=(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 Z=({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)}},Ne=({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(" ")},ke=({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}},q=({c:e,m:t,offset:o,windowOffset:n,position:r})=>{let s={c:e,m:t,offset:o,position:r},i=Z(s),u=Ne(i,r,n,t);u!==r&&(i=Z({...s,position:u}));let a=ke(i,t,n);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=(o=>(o.PNG="image/png",o.PDF="application/pdf",o))(te||{}),Ae=e=>{let[t,o]=(0,P.useState)([]);return(0,P.useEffect)(()=>{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=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||o(i)})}return()=>{r=!0,n.forEach(s=>{s.abort()})}},[e]),t};var d=require("react"),De=()=>{let[e,t]=(0,d.useState)(null),[o,n]=(0,d.useState)(null),[r,s]=(0,d.useState)(!0),i=(0,d.useRef)(null);return(0,d.useEffect)(()=>{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}};var T=require("react");var Ie=()=>{let[e,t]=(0,T.useState)(!1),o=(0,T.useRef)(null),n=(0,T.useCallback)(()=>t(!0),[]),r=(0,T.useCallback)(()=>t(!1),[]);return l("mouseenter",n,o),l("mouseleave",r,o),e};var S=require("react");var oe=require("react"),j=(e,t,o={})=>{(0,oe.useEffect)(()=>{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 we=(e={})=>{let[t,o]=(0,S.useState)(!1),n=(0,S.useRef)(null);return j(n,([r])=>{o(r.isIntersecting)},e),{ref:n,inView:t}};var b=require("react"),Ge=({onBlur:e,onFocus:t,onChange:o}={})=>{let[n,r]=(0,b.useState)(!1),s=(0,b.useCallback)(a=>{r(!0),t&&t(a)},[t]),i=(0,b.useCallback)(a=>{r(!1),e&&e(a)},[e]),u=(0,b.useCallback)(a=>{o&&o(a)},[o]);return{isFocus:n,handlers:{onFocus:s,onBlur:i,onChange:u}}};var L=require("react"),je=e=>{let[t,o]=(0,L.useState)(!1);return(0,L.useEffect)(()=>{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};var N=require("react"),Be=()=>{let e=(0,N.useRef)(null),[t,o]=(0,N.useState)(!1);return{containerRef:e,isOpen:t,openModal:()=>{o(!0)},closeModal:()=>{o(!1)}}};var f=require("react");var ne=e=>({x:e.x,y:e.y,w:e.width,h:e.height,top:e.top,left:e.left}),Fe=({offset:e=0,windowOffset:t=0,position:o="bottom",modalRef:n,containerRef:r,isOpen:s})=>{let i=(0,f.useRef)(null),u=(0,f.useCallback)((c,E)=>{let B=c.current?.getClientRects()[0],F=E.current?.getClientRects()[0];if(!B)return;let $=F?q({c:ne(F),m:ne(B),offset:e,windowOffset:t,position:o}):ee({position:o,windowOffset:t});Object.keys($).forEach(_=>{c.current?.style.setProperty(_,$[_])})},[o,t,e]),a=(0,f.useCallback)(()=>{s&&u(n,r??i)},[u,s,r,n]);(0,f.useLayoutEffect)(a,[a]),M(r??i,a),M(n,a),l("resize",a),l("scroll",a,n)};var m=de(require("react"),1),re=(r=>(r.OPENING="OPENING",r.OPEN="OPEN",r.CLOSING="CLOSING",r.CLOSED="CLOSED",r))(re||{}),$e=({transitionDuration:e=0,isOpen:t})=>{let[o,n]=m.default.useState("CLOSED"),r=(0,m.useMemo)(()=>o!=="CLOSED",[o]);(0,m.useEffect)(()=>{document.documentElement.style.overflow=r?"hidden":"auto"},[r]);let s=(0,m.useCallback)(()=>{["OPENING","OPEN"].includes(o)&&(e>0?(n("CLOSING"),setTimeout(()=>{n("CLOSED")},e)):n("CLOSED"))},[o,e]),i=(0,m.useCallback)(()=>{["CLOSING","CLOSED"].includes(o)&&(e>0?(n("OPENING"),setTimeout(()=>{n("OPEN")},e)):n("OPEN"))},[o,e]);return(0,m.useLayoutEffect)(()=>{o==="CLOSED"&&t?i():o==="OPEN"&&!t&&s()},[t,i,s,o]),{isVisible:r,modalState:o}};var k=require("react");var se=(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}},_e=e=>{let t=(0,k.useRef)(null),[o,n]=(0,k.useState)({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=se(e.current.getBoundingClientRect(),s);n(c=>({...c,...a}))}else if(t.current instanceof Element){let a=se(t.current.getBoundingClientRect(),s);n(c=>({...c,...a}))}}),{...o,ref:t}};var ie=require("react");var Ue=()=>{let[e,t]=(0,ie.useState)(navigator.onLine);return l("online",()=>t(navigator.onLine)),l("offline",()=>t(navigator.onLine)),e};var H=require("react"),ze=()=>{let e=(0,H.useRef)(1);return(0,H.useEffect)(()=>{e.current++}),e.current};var g=require("react"),Ve=()=>{let e=(0,g.useRef)(null),[t,o]=(0,g.useState)([0,0]);return(0,g.useEffect)(()=>{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}};var y=require("react");function Ye(e){let[t,o]=(0,y.useState)(e),[n,r]=(0,y.useState)([]);return(0,y.useEffect)(()=>{t!==void 0&&r(s=>[...s,t])},[t]),[t,o,n]}var A=require("react"),Xe=(e=!1)=>{let[t,o]=(0,A.useState)(e),n=(0,A.useCallback)(()=>{o(r=>!r)},[]);return[t,n,o]};var D=require("react"),We=(e,t=0)=>{let[o,n]=(0,D.useState)(t),r=(0,D.useCallback)(s=>{n(s!==void 0?s:i=>(i+1)%e.length)},[e.length]);return[e[o],r]};var I=require("react");var Qe=()=>{let e=()=>{let{innerWidth:n,innerHeight:r}=window;return{width:n,height:r,orientation:n>r?"landscape":"portrait"}},[t,o]=(0,I.useState)(e);return l("resize",()=>{o(e())}),(0,I.useEffect)(()=>{o(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});