@mohasinac/react 0.1.0

package/dist/index.cjs

@@ -0,0 +1,758 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  useBreakpoint: () => useBreakpoint,
+  useCamera: () => useCamera,
+  useClickOutside: () => useClickOutside,
+  useCountdown: () => useCountdown,
+  useGesture: () => useGesture,
+  useKeyPress: () => useKeyPress,
+  useLongPress: () => useLongPress,
+  useMediaQuery: () => useMediaQuery,
+  usePullToRefresh: () => usePullToRefresh,
+  useSwipe: () => useSwipe
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/hooks/useMediaQuery.ts
+var import_react = require("react");
+function useMediaQuery(query) {
+  const [matches, setMatches] = (0, import_react.useState)(
+    // Lazy initializer: use real value on first client render, suppressing the flash.
+    // Returns false on server (no window) — consistent with no-match default.
+    () => typeof window !== "undefined" && window.matchMedia(query).matches
+  );
+  (0, import_react.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const media = window.matchMedia(query);
+    setMatches(media.matches);
+    const listener = (e) => setMatches(e.matches);
+    media.addEventListener("change", listener);
+    return () => media.removeEventListener("change", listener);
+  }, [query]);
+  return matches;
+}
+
+// src/hooks/useBreakpoint.ts
+function useBreakpoint() {
+  const isMobile = useMediaQuery("(max-width: 767px)");
+  const isTablet = useMediaQuery("(min-width: 768px) and (max-width: 1023px)");
+  const isDesktop = useMediaQuery("(min-width: 1024px)");
+  const breakpoint = isMobile ? "mobile" : isTablet ? "tablet" : "desktop";
+  return {
+    isMobile,
+    isTablet,
+    isDesktop,
+    breakpoint
+  };
+}
+
+// src/hooks/useClickOutside.ts
+var import_react2 = require("react");
+var EMPTY_REFS = [];
+function useClickOutside(ref, callback, options = {}) {
+  const {
+    enabled = true,
+    eventType = "mousedown",
+    additionalRefs = EMPTY_REFS
+  } = options;
+  const callbackRef = (0, import_react2.useRef)(callback);
+  (0, import_react2.useEffect)(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  (0, import_react2.useEffect)(() => {
+    if (!enabled) return;
+    const handleClickOutside = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        const isOutsideAll = additionalRefs.every(
+          (additionalRef) => !additionalRef.current || !additionalRef.current.contains(event.target)
+        );
+        if (isOutsideAll) {
+          callbackRef.current(event);
+        }
+      }
+    };
+    document.addEventListener(eventType, handleClickOutside);
+    document.addEventListener("touchstart", handleClickOutside);
+    return () => {
+      document.removeEventListener(eventType, handleClickOutside);
+      document.removeEventListener("touchstart", handleClickOutside);
+    };
+  }, [ref, enabled, eventType, additionalRefs]);
+}
+
+// src/hooks/useKeyPress.ts
+var import_react3 = require("react");
+function useKeyPress(key, callback, options = {}) {
+  const {
+    enabled = true,
+    eventType = "keydown",
+    preventDefault = false,
+    ctrl = false,
+    shift = false,
+    alt = false,
+    meta = false,
+    target = typeof document !== "undefined" ? document : null
+  } = options;
+  const keys = (0, import_react3.useMemo)(() => Array.isArray(key) ? key : [key], [key]);
+  const callbackRef = (0, import_react3.useRef)(callback);
+  (0, import_react3.useEffect)(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  const handleKeyPress = (0, import_react3.useCallback)(
+    (event) => {
+      const isKeyMatch = keys.some((k) => event.key === k || event.code === k);
+      if (!isKeyMatch) return;
+      const modifiersMatch = event.ctrlKey === ctrl && event.shiftKey === shift && event.altKey === alt && event.metaKey === meta;
+      if (!modifiersMatch) return;
+      if (preventDefault) {
+        event.preventDefault();
+      }
+      callbackRef.current(event);
+    },
+    [keys, ctrl, shift, alt, meta, preventDefault]
+  );
+  (0, import_react3.useEffect)(() => {
+    if (!enabled || !target) return;
+    target.addEventListener(eventType, handleKeyPress);
+    return () => {
+      target.removeEventListener(eventType, handleKeyPress);
+    };
+  }, [enabled, eventType, handleKeyPress, target]);
+}
+
+// src/hooks/useLongPress.ts
+var import_react4 = require("react");
+function useLongPress(callback, ms = 500) {
+  const timerRef = (0, import_react4.useRef)(null);
+  const callbackRef = (0, import_react4.useRef)(callback);
+  (0, import_react4.useEffect)(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  const start = (0, import_react4.useCallback)(() => {
+    timerRef.current = setTimeout(() => {
+      callbackRef.current();
+    }, ms);
+  }, [ms]);
+  const cancel = (0, import_react4.useCallback)(() => {
+    if (timerRef.current !== null) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  (0, import_react4.useEffect)(() => {
+    return () => {
+      if (timerRef.current !== null) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, []);
+  return {
+    onMouseDown: start,
+    onMouseUp: cancel,
+    onMouseLeave: cancel,
+    onTouchStart: start,
+    onTouchEnd: cancel
+  };
+}
+
+// src/hooks/useGesture.ts
+var import_react5 = require("react");
+function useGesture(ref, options = {}) {
+  const {
+    onTap,
+    onDoubleTap,
+    onPinch,
+    onPinching,
+    onRotate,
+    onRotating,
+    doubleTapDelay = 300,
+    tapMovementThreshold = 10,
+    preventDefault = false
+  } = options;
+  const touchStartRef = (0, import_react5.useRef)(
+    null
+  );
+  const lastTapRef = (0, import_react5.useRef)(0);
+  const initialPinchDistanceRef = (0, import_react5.useRef)(0);
+  const initialRotationRef = (0, import_react5.useRef)(0);
+  const onTapRef = (0, import_react5.useRef)(onTap);
+  const onDoubleTapRef = (0, import_react5.useRef)(onDoubleTap);
+  const onPinchRef = (0, import_react5.useRef)(onPinch);
+  const onPinchingRef = (0, import_react5.useRef)(onPinching);
+  const onRotateRef = (0, import_react5.useRef)(onRotate);
+  const onRotatingRef = (0, import_react5.useRef)(onRotating);
+  (0, import_react5.useEffect)(() => {
+    onTapRef.current = onTap;
+  }, [onTap]);
+  (0, import_react5.useEffect)(() => {
+    onDoubleTapRef.current = onDoubleTap;
+  }, [onDoubleTap]);
+  (0, import_react5.useEffect)(() => {
+    onPinchRef.current = onPinch;
+  }, [onPinch]);
+  (0, import_react5.useEffect)(() => {
+    onPinchingRef.current = onPinching;
+  }, [onPinching]);
+  (0, import_react5.useEffect)(() => {
+    onRotateRef.current = onRotate;
+  }, [onRotate]);
+  (0, import_react5.useEffect)(() => {
+    onRotatingRef.current = onRotating;
+  }, [onRotating]);
+  (0, import_react5.useEffect)(() => {
+    const element = ref.current;
+    if (!element) return;
+    const getDistance = (touch1, touch2) => {
+      const dx = touch1.clientX - touch2.clientX;
+      const dy = touch1.clientY - touch2.clientY;
+      return Math.sqrt(dx * dx + dy * dy);
+    };
+    const getAngle = (touch1, touch2) => {
+      const dx = touch1.clientX - touch2.clientX;
+      const dy = touch1.clientY - touch2.clientY;
+      return Math.atan2(dy, dx) * (180 / Math.PI);
+    };
+    const handleTouchStart = (e) => {
+      if (preventDefault) e.preventDefault();
+      const touch = e.touches[0];
+      touchStartRef.current = {
+        x: touch.clientX,
+        y: touch.clientY,
+        time: Date.now()
+      };
+      if (e.touches.length === 2) {
+        initialPinchDistanceRef.current = getDistance(
+          e.touches[0],
+          e.touches[1]
+        );
+        initialRotationRef.current = getAngle(e.touches[0], e.touches[1]);
+      }
+    };
+    const handleTouchMove = (e) => {
+      var _a, _b;
+      if (!touchStartRef.current) return;
+      if (e.touches.length === 2 && (onPinchRef.current || onPinchingRef.current || onRotateRef.current || onRotatingRef.current)) {
+        if (preventDefault) e.preventDefault();
+        const currentDistance = getDistance(e.touches[0], e.touches[1]);
+        const currentAngle = getAngle(e.touches[0], e.touches[1]);
+        if (initialPinchDistanceRef.current > 0) {
+          (_a = onPinchingRef.current) == null ? void 0 : _a.call(
+            onPinchingRef,
+            currentDistance / initialPinchDistanceRef.current
+          );
+        }
+        if (initialRotationRef.current !== 0) {
+          (_b = onRotatingRef.current) == null ? void 0 : _b.call(onRotatingRef, currentAngle - initialRotationRef.current);
+        }
+      }
+    };
+    const handleTouchEnd = (e) => {
+      var _a, _b, _c;
+      if (!touchStartRef.current) return;
+      if (preventDefault) e.preventDefault();
+      const touch = e.changedTouches[0];
+      const deltaX = Math.abs(touch.clientX - touchStartRef.current.x);
+      const deltaY = Math.abs(touch.clientY - touchStartRef.current.y);
+      if (deltaX < tapMovementThreshold && deltaY < tapMovementThreshold) {
+        const now = Date.now();
+        const timeSinceLastTap = now - lastTapRef.current;
+        if (onDoubleTapRef.current && timeSinceLastTap < doubleTapDelay) {
+          onDoubleTapRef.current(
+            touchStartRef.current.x,
+            touchStartRef.current.y
+          );
+          lastTapRef.current = 0;
+        } else {
+          (_a = onTapRef.current) == null ? void 0 : _a.call(onTapRef, touchStartRef.current.x, touchStartRef.current.y);
+          lastTapRef.current = now;
+        }
+      }
+      if (e.touches.length === 0 && initialPinchDistanceRef.current > 0) {
+        const currentDistance = getDistance(
+          e.changedTouches[0],
+          e.changedTouches[1] || e.changedTouches[0]
+        );
+        (_b = onPinchRef.current) == null ? void 0 : _b.call(
+          onPinchRef,
+          currentDistance / initialPinchDistanceRef.current,
+          currentDistance
+        );
+        initialPinchDistanceRef.current = 0;
+      }
+      if (e.touches.length === 0 && initialRotationRef.current !== 0) {
+        const currentAngle = getAngle(
+          e.changedTouches[0],
+          e.changedTouches[1] || e.changedTouches[0]
+        );
+        (_c = onRotateRef.current) == null ? void 0 : _c.call(onRotateRef, currentAngle - initialRotationRef.current);
+        initialRotationRef.current = 0;
+      }
+      touchStartRef.current = null;
+    };
+    const handleMouseDown = (e) => {
+      if (preventDefault) e.preventDefault();
+      touchStartRef.current = { x: e.clientX, y: e.clientY, time: Date.now() };
+    };
+    const handleMouseUp = (e) => {
+      var _a;
+      if (!touchStartRef.current) return;
+      if (preventDefault) e.preventDefault();
+      const deltaX = Math.abs(e.clientX - touchStartRef.current.x);
+      const deltaY = Math.abs(e.clientY - touchStartRef.current.y);
+      if (deltaX < tapMovementThreshold && deltaY < tapMovementThreshold) {
+        const now = Date.now();
+        const timeSinceLastTap = now - lastTapRef.current;
+        if (onDoubleTapRef.current && timeSinceLastTap < doubleTapDelay) {
+          onDoubleTapRef.current(
+            touchStartRef.current.x,
+            touchStartRef.current.y
+          );
+          lastTapRef.current = 0;
+        } else {
+          (_a = onTapRef.current) == null ? void 0 : _a.call(onTapRef, touchStartRef.current.x, touchStartRef.current.y);
+          lastTapRef.current = now;
+        }
+      }
+      touchStartRef.current = null;
+    };
+    element.addEventListener("touchstart", handleTouchStart, {
+      passive: !preventDefault
+    });
+    element.addEventListener("touchmove", handleTouchMove, {
+      passive: !preventDefault
+    });
+    element.addEventListener("touchend", handleTouchEnd, {
+      passive: !preventDefault
+    });
+    element.addEventListener("mousedown", handleMouseDown);
+    element.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      element.removeEventListener("touchstart", handleTouchStart);
+      element.removeEventListener("touchmove", handleTouchMove);
+      element.removeEventListener("touchend", handleTouchEnd);
+      element.removeEventListener("mousedown", handleMouseDown);
+      element.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [ref, doubleTapDelay, tapMovementThreshold, preventDefault]);
+}
+
+// src/hooks/useSwipe.ts
+var import_react6 = require("react");
+function useSwipe(ref, options = {}) {
+  const {
+    minSwipeDistance = 50,
+    maxSwipeTime = 300,
+    velocityThreshold = 0.3,
+    onSwipe,
+    onSwipeLeft,
+    onSwipeRight,
+    onSwipeUp,
+    onSwipeDown,
+    onSwiping,
+    onSwipeStart,
+    onSwipeEnd,
+    preventDefault = false
+  } = options;
+  const touchStartRef = (0, import_react6.useRef)(
+    null
+  );
+  const isSwiping = (0, import_react6.useRef)(false);
+  const onSwipeRef = (0, import_react6.useRef)(onSwipe);
+  const onSwipeLeftRef = (0, import_react6.useRef)(onSwipeLeft);
+  const onSwipeRightRef = (0, import_react6.useRef)(onSwipeRight);
+  const onSwipeUpRef = (0, import_react6.useRef)(onSwipeUp);
+  const onSwipeDownRef = (0, import_react6.useRef)(onSwipeDown);
+  const onSwipingRef = (0, import_react6.useRef)(onSwiping);
+  const onSwipeStartRef = (0, import_react6.useRef)(onSwipeStart);
+  const onSwipeEndRef = (0, import_react6.useRef)(onSwipeEnd);
+  (0, import_react6.useEffect)(() => {
+    onSwipeRef.current = onSwipe;
+  }, [onSwipe]);
+  (0, import_react6.useEffect)(() => {
+    onSwipeLeftRef.current = onSwipeLeft;
+  }, [onSwipeLeft]);
+  (0, import_react6.useEffect)(() => {
+    onSwipeRightRef.current = onSwipeRight;
+  }, [onSwipeRight]);
+  (0, import_react6.useEffect)(() => {
+    onSwipeUpRef.current = onSwipeUp;
+  }, [onSwipeUp]);
+  (0, import_react6.useEffect)(() => {
+    onSwipeDownRef.current = onSwipeDown;
+  }, [onSwipeDown]);
+  (0, import_react6.useEffect)(() => {
+    onSwipingRef.current = onSwiping;
+  }, [onSwiping]);
+  (0, import_react6.useEffect)(() => {
+    onSwipeStartRef.current = onSwipeStart;
+  }, [onSwipeStart]);
+  (0, import_react6.useEffect)(() => {
+    onSwipeEndRef.current = onSwipeEnd;
+  }, [onSwipeEnd]);
+  (0, import_react6.useEffect)(() => {
+    const element = ref.current;
+    if (!element) return;
+    const processSwipe = (deltaX, deltaY, deltaTime) => {
+      var _a, _b, _c, _d, _e;
+      const absX = Math.abs(deltaX);
+      const absY = Math.abs(deltaY);
+      const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
+      const velocity = distance / deltaTime;
+      if (distance < minSwipeDistance || deltaTime > maxSwipeTime || velocity < velocityThreshold)
+        return;
+      let direction;
+      if (absX > absY) {
+        direction = deltaX > 0 ? "right" : "left";
+        if (direction === "left") (_a = onSwipeLeftRef.current) == null ? void 0 : _a.call(onSwipeLeftRef, distance, velocity);
+        else (_b = onSwipeRightRef.current) == null ? void 0 : _b.call(onSwipeRightRef, distance, velocity);
+      } else {
+        direction = deltaY > 0 ? "down" : "up";
+        if (direction === "up") (_c = onSwipeUpRef.current) == null ? void 0 : _c.call(onSwipeUpRef, distance, velocity);
+        else (_d = onSwipeDownRef.current) == null ? void 0 : _d.call(onSwipeDownRef, distance, velocity);
+      }
+      (_e = onSwipeRef.current) == null ? void 0 : _e.call(onSwipeRef, direction, distance, velocity);
+    };
+    const handleTouchStart = (e) => {
+      var _a;
+      if (preventDefault) e.preventDefault();
+      const touch = e.touches[0];
+      touchStartRef.current = {
+        x: touch.clientX,
+        y: touch.clientY,
+        time: Date.now()
+      };
+      isSwiping.current = true;
+      (_a = onSwipeStartRef.current) == null ? void 0 : _a.call(onSwipeStartRef);
+    };
+    const handleTouchMove = (e) => {
+      var _a;
+      if (!touchStartRef.current || !isSwiping.current) return;
+      if (preventDefault) e.preventDefault();
+      (_a = onSwipingRef.current) == null ? void 0 : _a.call(
+        onSwipingRef,
+        e.touches[0].clientX - touchStartRef.current.x,
+        e.touches[0].clientY - touchStartRef.current.y
+      );
+    };
+    const handleTouchEnd = (e) => {
+      var _a;
+      if (!touchStartRef.current || !isSwiping.current) return;
+      if (preventDefault) e.preventDefault();
+      const touch = e.changedTouches[0];
+      processSwipe(
+        touch.clientX - touchStartRef.current.x,
+        touch.clientY - touchStartRef.current.y,
+        Date.now() - touchStartRef.current.time
+      );
+      touchStartRef.current = null;
+      isSwiping.current = false;
+      (_a = onSwipeEndRef.current) == null ? void 0 : _a.call(onSwipeEndRef);
+    };
+    const handleMouseDown = (e) => {
+      var _a;
+      if (preventDefault) e.preventDefault();
+      touchStartRef.current = { x: e.clientX, y: e.clientY, time: Date.now() };
+      isSwiping.current = true;
+      (_a = onSwipeStartRef.current) == null ? void 0 : _a.call(onSwipeStartRef);
+    };
+    const handleMouseMove = (e) => {
+      var _a;
+      if (!touchStartRef.current || !isSwiping.current) return;
+      (_a = onSwipingRef.current) == null ? void 0 : _a.call(
+        onSwipingRef,
+        e.clientX - touchStartRef.current.x,
+        e.clientY - touchStartRef.current.y
+      );
+    };
+    const handleMouseUp = (e) => {
+      var _a;
+      if (!touchStartRef.current || !isSwiping.current) return;
+      if (preventDefault) e.preventDefault();
+      processSwipe(
+        e.clientX - touchStartRef.current.x,
+        e.clientY - touchStartRef.current.y,
+        Date.now() - touchStartRef.current.time
+      );
+      touchStartRef.current = null;
+      isSwiping.current = false;
+      (_a = onSwipeEndRef.current) == null ? void 0 : _a.call(onSwipeEndRef);
+    };
+    element.addEventListener("touchstart", handleTouchStart, {
+      passive: !preventDefault
+    });
+    element.addEventListener("touchmove", handleTouchMove, {
+      passive: !preventDefault
+    });
+    element.addEventListener("touchend", handleTouchEnd, {
+      passive: !preventDefault
+    });
+    element.addEventListener("mousedown", handleMouseDown);
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      element.removeEventListener("touchstart", handleTouchStart);
+      element.removeEventListener("touchmove", handleTouchMove);
+      element.removeEventListener("touchend", handleTouchEnd);
+      element.removeEventListener("mousedown", handleMouseDown);
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [ref, minSwipeDistance, maxSwipeTime, velocityThreshold, preventDefault]);
+}
+
+// src/hooks/usePullToRefresh.ts
+var import_react7 = require("react");
+function usePullToRefresh(onRefresh, options = {}) {
+  const { threshold = 80 } = options;
+  const containerRef = (0, import_react7.useRef)(null);
+  const [isPulling, setIsPulling] = (0, import_react7.useState)(false);
+  const [progress, setProgress] = (0, import_react7.useState)(0);
+  const startYRef = (0, import_react7.useRef)(null);
+  const thresholdReachedRef = (0, import_react7.useRef)(false);
+  const onRefreshRef = (0, import_react7.useRef)(onRefresh);
+  (0, import_react7.useEffect)(() => {
+    onRefreshRef.current = onRefresh;
+  }, [onRefresh]);
+  const handleTouchStart = (0, import_react7.useCallback)((e) => {
+    const el = containerRef.current;
+    if (!el || el.scrollTop > 0) return;
+    startYRef.current = e.touches[0].clientY;
+    thresholdReachedRef.current = false;
+  }, []);
+  const handleTouchMove = (0, import_react7.useCallback)(
+    (e) => {
+      if (startYRef.current === null) return;
+      const delta = e.touches[0].clientY - startYRef.current;
+      if (delta <= 0) {
+        setProgress(0);
+        setIsPulling(false);
+        return;
+      }
+      const prog = Math.min(delta / threshold, 1);
+      setProgress(prog);
+      setIsPulling(true);
+      thresholdReachedRef.current = prog >= 1;
+    },
+    [threshold]
+  );
+  const handleTouchEnd = (0, import_react7.useCallback)(async () => {
+    setIsPulling(false);
+    setProgress(0);
+    startYRef.current = null;
+    if (thresholdReachedRef.current) {
+      thresholdReachedRef.current = false;
+      await onRefreshRef.current();
+    }
+  }, []);
+  (0, import_react7.useEffect)(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    el.addEventListener("touchstart", handleTouchStart, { passive: true });
+    el.addEventListener("touchmove", handleTouchMove, { passive: true });
+    el.addEventListener("touchend", handleTouchEnd);
+    return () => {
+      el.removeEventListener("touchstart", handleTouchStart);
+      el.removeEventListener("touchmove", handleTouchMove);
+      el.removeEventListener("touchend", handleTouchEnd);
+    };
+  }, [handleTouchStart, handleTouchMove, handleTouchEnd]);
+  return { containerRef, isPulling, progress };
+}
+
+// src/hooks/useCountdown.ts
+var import_react8 = require("react");
+function resolveMs(endDate) {
+  if (!endDate) return NaN;
+  if (endDate instanceof Date) return endDate.getTime();
+  if (typeof endDate === "object" && endDate !== null && "_seconds" in endDate && typeof endDate._seconds === "number") {
+    return endDate._seconds * 1e3;
+  }
+  return new Date(endDate).getTime();
+}
+function useCountdown(endDate) {
+  const getRemaining = () => {
+    if (!endDate) return null;
+    const ms = resolveMs(endDate);
+    if (Number.isNaN(ms)) return null;
+    const diff = ms - Date.now();
+    if (diff <= 0) return null;
+    return {
+      days: Math.floor(diff / (1e3 * 60 * 60 * 24)),
+      hours: Math.floor(diff % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)),
+      minutes: Math.floor(diff % (1e3 * 60 * 60) / (1e3 * 60)),
+      seconds: Math.floor(diff % (1e3 * 60) / 1e3)
+    };
+  };
+  const [remaining, setRemaining] = (0, import_react8.useState)(
+    getRemaining
+  );
+  (0, import_react8.useEffect)(() => {
+    const id = setInterval(() => setRemaining(getRemaining()), 1e3);
+    return () => clearInterval(id);
+  }, [endDate]);
+  return remaining;
+}
+
+// src/hooks/useCamera.ts
+var import_react9 = require("react");
+function useCamera() {
+  const isSupported = typeof navigator !== "undefined" && typeof navigator.mediaDevices !== "undefined" && typeof navigator.mediaDevices.getUserMedia === "function";
+  const videoRef = (0, import_react9.useRef)(null);
+  const streamRef = (0, import_react9.useRef)(null);
+  const mediaRecorderRef = (0, import_react9.useRef)(null);
+  const chunksRef = (0, import_react9.useRef)([]);
+  const currentFacingModeRef = (0, import_react9.useRef)("environment");
+  const stopRecordingResolveRef = (0, import_react9.useRef)(null);
+  const [stream, setStream] = (0, import_react9.useState)(null);
+  const [isActive, setIsActive] = (0, import_react9.useState)(false);
+  const [isCapturing, setIsCapturing] = (0, import_react9.useState)(false);
+  const [error, setError] = (0, import_react9.useState)(null);
+  const stopCamera = (0, import_react9.useCallback)(() => {
+    if (streamRef.current) {
+      streamRef.current.getTracks().forEach((t) => t.stop());
+      streamRef.current = null;
+    }
+    if (videoRef.current) {
+      videoRef.current.srcObject = null;
+    }
+    setStream(null);
+    setIsActive(false);
+    setIsCapturing(false);
+  }, []);
+  (0, import_react9.useEffect)(() => {
+    return () => {
+      stopCamera();
+    };
+  }, [stopCamera]);
+  const startCamera = (0, import_react9.useCallback)(
+    async (options) => {
+      var _a, _b;
+      if (!isSupported) {
+        setError("Camera is not supported on this device");
+        return;
+      }
+      setError(null);
+      stopCamera();
+      const facingMode = (_a = options == null ? void 0 : options.facingMode) != null ? _a : "environment";
+      currentFacingModeRef.current = facingMode;
+      const videoConstraints = (options == null ? void 0 : options.video) !== void 0 ? options.video : { facingMode };
+      try {
+        const mediaStream = await navigator.mediaDevices.getUserMedia({
+          video: videoConstraints,
+          audio: (_b = options == null ? void 0 : options.audio) != null ? _b : false
+        });
+        streamRef.current = mediaStream;
+        setStream(mediaStream);
+        setIsActive(true);
+        if (videoRef.current) {
+          videoRef.current.srcObject = mediaStream;
+        }
+      } catch (err) {
+        const message = err instanceof DOMException && err.name === "NotAllowedError" ? "Camera permission denied. Please allow access in your browser settings." : "Camera unavailable";
+        setError(message);
+      }
+    },
+    [isSupported, stopCamera]
+  );
+  const takePhoto = (0, import_react9.useCallback)(() => {
+    const video = videoRef.current;
+    if (!video || !isActive) return null;
+    const canvas = document.createElement("canvas");
+    canvas.width = video.videoWidth;
+    canvas.height = video.videoHeight;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return null;
+    ctx.drawImage(video, 0, 0);
+    let result = null;
+    canvas.toBlob(
+      (blob) => {
+        result = blob;
+      },
+      "image/webp",
+      0.92
+    );
+    return result;
+  }, [isActive]);
+  const startRecording = (0, import_react9.useCallback)(() => {
+    if (!streamRef.current || !isActive) return;
+    chunksRef.current = [];
+    const recorder = new MediaRecorder(streamRef.current, {
+      mimeType: "video/webm"
+    });
+    recorder.ondataavailable = (e) => {
+      if (e.data.size > 0) chunksRef.current.push(e.data);
+    };
+    recorder.onstop = () => {
+      const blob = new Blob(chunksRef.current, { type: "video/webm" });
+      setIsCapturing(false);
+      if (stopRecordingResolveRef.current) {
+        stopRecordingResolveRef.current(blob);
+        stopRecordingResolveRef.current = null;
+      }
+    };
+    mediaRecorderRef.current = recorder;
+    recorder.start();
+    setIsCapturing(true);
+  }, [isActive]);
+  const stopRecording = (0, import_react9.useCallback)(() => {
+    return new Promise((resolve) => {
+      stopRecordingResolveRef.current = resolve;
+      if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
+        mediaRecorderRef.current.stop();
+      } else {
+        resolve(new Blob([], { type: "video/webm" }));
+      }
+    });
+  }, []);
+  const switchCamera = (0, import_react9.useCallback)(async () => {
+    const next = currentFacingModeRef.current === "environment" ? "user" : "environment";
+    await startCamera({ facingMode: next });
+  }, [startCamera]);
+  return {
+    isSupported,
+    isActive,
+    isCapturing,
+    stream,
+    error,
+    videoRef,
+    startCamera,
+    stopCamera,
+    takePhoto,
+    startRecording,
+    stopRecording,
+    switchCamera
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBreakpoint,
+  useCamera,
+  useClickOutside,
+  useCountdown,
+  useGesture,
+  useKeyPress,
+  useLongPress,
+  useMediaQuery,
+  usePullToRefresh,
+  useSwipe
+});