@develemit/web-hooks 0.1.0 → 0.2.0

package/dist/index.d.cts

@@ -1,60 +1,14 @@
-import { RefObject } from 'react';
-
-type SwipePoint = {
-    x: number;
-    y: number;
-    time: number;
-};
-declare const BACK_ZONE_PX = 60;
-declare const FORWARD_ZONE_PX = 30;
-declare const OPEN_DISTANCE_PX = 80;
-declare const CLOSE_DISTANCE_PX = 60;
-declare const VERTICAL_CANCEL_PX = 40;
-declare const MAX_SWIPE_DURATION_MS = 450;
-type SwipeIntent = 'open' | 'close' | null;
-declare function isInOpenZone(x: number, viewportWidth: number): boolean;
-declare function resolveSwipeIntent(start: SwipePoint, end: SwipePoint, drawerOpen: boolean, viewportWidth: number): SwipeIntent;
-declare function isInsideHorizontalScroller(target: EventTarget | null): boolean;
-
-type UseDrawerSwipeOptions = {
-    drawerOpen: boolean;
-    onOpen: () => void;
-    onClose: () => void;
-    enabled?: boolean;
-    maxViewportWidth?: number;
-};
-declare function useDrawerSwipe({ drawerOpen, onOpen, onClose, enabled, maxViewportWidth, }: UseDrawerSwipeOptions): void;
-
-declare const FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-declare function focusableWithin(container: HTMLElement): HTMLElement[];
-/** The element Tab must be redirected to, or null when the browser's own move is fine. */
-declare function nextFocusTarget(items: HTMLElement[], current: Element | null, shiftKey: boolean, container: HTMLElement): HTMLElement | null;
-
-type UseFocusTrapOptions = {
-    active: boolean;
-    initialFocusRef?: RefObject<HTMLElement | null>;
-    /** Wins over the captured opener. Safari leaves <body> focused after a tap on a button. */
-    returnFocusRef?: RefObject<HTMLElement | null>;
-    restoreFocus?: boolean;
-};
-declare function useFocusTrap(containerRef: RefObject<HTMLElement | null>, { active, initialFocusRef, returnFocusRef, restoreFocus, }: UseFocusTrapOptions): void;
-
-declare function useEscape(onEscape: () => void, active?: boolean): void;
-
-type CopyResult = {
-    ok: true;
-} | {
-    ok: false;
-    reason: 'unavailable' | 'denied';
-};
-declare function copyText(text: string): Promise<CopyResult>;
-
-type CopyStatus = 'idle' | 'copied' | 'failed';
-declare function useCopyFeedback({ resetMs }?: {
-    resetMs?: number;
-}): {
-    copy: (text: string) => Promise<CopyResult>;
-    status: CopyStatus;
-};
-
-export { BACK_ZONE_PX, CLOSE_DISTANCE_PX, type CopyResult, type CopyStatus, FOCUSABLE_SELECTOR, FORWARD_ZONE_PX, MAX_SWIPE_DURATION_MS, OPEN_DISTANCE_PX, type SwipeIntent, type SwipePoint, type UseDrawerSwipeOptions, type UseFocusTrapOptions, VERTICAL_CANCEL_PX, copyText, focusableWithin, isInOpenZone, isInsideHorizontalScroller, nextFocusTarget, resolveSwipeIntent, useCopyFeedback, useDrawerSwipe, useEscape, useFocusTrap };
+export { BACK_ZONE_PX, CLOSE_DISTANCE_PX, FORWARD_ZONE_PX, MAX_SWIPE_DURATION_MS, OPEN_DISTANCE_PX, SwipeIntent, SwipePoint, UseDrawerSwipeOptions, VERTICAL_CANCEL_PX, isInOpenZone, isInsideHorizontalScroller, resolveSwipeIntent, useDrawerSwipe } from './drawer-swipe.cjs';
+export { FOCUSABLE_SELECTOR, UseFocusTrapOptions, focusableWithin, nextFocusTarget, useFocusTrap } from './focus-trap.cjs';
+export { useEscape } from './escape.cjs';
+export { CopyResult, CopyStatus, copyText, useCopyFeedback } from './clipboard.cjs';
+export { lockScroll, unlockScroll, useScrollLock } from './scroll-lock.cjs';
+export { COARSE_POINTER_QUERY, REDUCED_MOTION_QUERY, UseMediaQueryOptions, useCoarsePointer, useMediaQuery, useReducedMotion } from './media-query.cjs';
+export { UseOutsidePressOptions, isOutside, isPrimaryPress, useOutsidePress } from './outside-press.cjs';
+export { UseVisibilityPollingOptions, nextDelay, useVisibilityPolling } from './visibility-polling.cjs';
+export { DebouncedCallback, Debouncer, createDebouncer, useDebouncedCallback, useDebouncedValue } from './debounce.cjs';
+export { StorageKind, StorageStateSetter, UseStorageStateOptions, useStorageState } from './storage-state.cjs';
+export { handleBeforeUnload, useUnsavedChangesGuard } from './unsaved-guard.cjs';
+export { ParsedHotkey, UseHotkeyOptions, detectApple, isEditableTarget, matchHotkey, parseHotkey, useHotkey } from './hotkey.cjs';
+export { NextHeight, UseAutoGrowTextareaOptions, nextHeight, useAutoGrowTextarea } from './auto-grow.cjs';
+import 'react';

package/dist/index.d.ts

@@ -1,60 +1,14 @@
-import { RefObject } from 'react';
-
-type SwipePoint = {
-    x: number;
-    y: number;
-    time: number;
-};
-declare const BACK_ZONE_PX = 60;
-declare const FORWARD_ZONE_PX = 30;
-declare const OPEN_DISTANCE_PX = 80;
-declare const CLOSE_DISTANCE_PX = 60;
-declare const VERTICAL_CANCEL_PX = 40;
-declare const MAX_SWIPE_DURATION_MS = 450;
-type SwipeIntent = 'open' | 'close' | null;
-declare function isInOpenZone(x: number, viewportWidth: number): boolean;
-declare function resolveSwipeIntent(start: SwipePoint, end: SwipePoint, drawerOpen: boolean, viewportWidth: number): SwipeIntent;
-declare function isInsideHorizontalScroller(target: EventTarget | null): boolean;
-
-type UseDrawerSwipeOptions = {
-    drawerOpen: boolean;
-    onOpen: () => void;
-    onClose: () => void;
-    enabled?: boolean;
-    maxViewportWidth?: number;
-};
-declare function useDrawerSwipe({ drawerOpen, onOpen, onClose, enabled, maxViewportWidth, }: UseDrawerSwipeOptions): void;
-
-declare const FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-declare function focusableWithin(container: HTMLElement): HTMLElement[];
-/** The element Tab must be redirected to, or null when the browser's own move is fine. */
-declare function nextFocusTarget(items: HTMLElement[], current: Element | null, shiftKey: boolean, container: HTMLElement): HTMLElement | null;
-
-type UseFocusTrapOptions = {
-    active: boolean;
-    initialFocusRef?: RefObject<HTMLElement | null>;
-    /** Wins over the captured opener. Safari leaves <body> focused after a tap on a button. */
-    returnFocusRef?: RefObject<HTMLElement | null>;
-    restoreFocus?: boolean;
-};
-declare function useFocusTrap(containerRef: RefObject<HTMLElement | null>, { active, initialFocusRef, returnFocusRef, restoreFocus, }: UseFocusTrapOptions): void;
-
-declare function useEscape(onEscape: () => void, active?: boolean): void;
-
-type CopyResult = {
-    ok: true;
-} | {
-    ok: false;
-    reason: 'unavailable' | 'denied';
-};
-declare function copyText(text: string): Promise<CopyResult>;
-
-type CopyStatus = 'idle' | 'copied' | 'failed';
-declare function useCopyFeedback({ resetMs }?: {
-    resetMs?: number;
-}): {
-    copy: (text: string) => Promise<CopyResult>;
-    status: CopyStatus;
-};
-
-export { BACK_ZONE_PX, CLOSE_DISTANCE_PX, type CopyResult, type CopyStatus, FOCUSABLE_SELECTOR, FORWARD_ZONE_PX, MAX_SWIPE_DURATION_MS, OPEN_DISTANCE_PX, type SwipeIntent, type SwipePoint, type UseDrawerSwipeOptions, type UseFocusTrapOptions, VERTICAL_CANCEL_PX, copyText, focusableWithin, isInOpenZone, isInsideHorizontalScroller, nextFocusTarget, resolveSwipeIntent, useCopyFeedback, useDrawerSwipe, useEscape, useFocusTrap };
+export { BACK_ZONE_PX, CLOSE_DISTANCE_PX, FORWARD_ZONE_PX, MAX_SWIPE_DURATION_MS, OPEN_DISTANCE_PX, SwipeIntent, SwipePoint, UseDrawerSwipeOptions, VERTICAL_CANCEL_PX, isInOpenZone, isInsideHorizontalScroller, resolveSwipeIntent, useDrawerSwipe } from './drawer-swipe.js';
+export { FOCUSABLE_SELECTOR, UseFocusTrapOptions, focusableWithin, nextFocusTarget, useFocusTrap } from './focus-trap.js';
+export { useEscape } from './escape.js';
+export { CopyResult, CopyStatus, copyText, useCopyFeedback } from './clipboard.js';
+export { lockScroll, unlockScroll, useScrollLock } from './scroll-lock.js';
+export { COARSE_POINTER_QUERY, REDUCED_MOTION_QUERY, UseMediaQueryOptions, useCoarsePointer, useMediaQuery, useReducedMotion } from './media-query.js';
+export { UseOutsidePressOptions, isOutside, isPrimaryPress, useOutsidePress } from './outside-press.js';
+export { UseVisibilityPollingOptions, nextDelay, useVisibilityPolling } from './visibility-polling.js';
+export { DebouncedCallback, Debouncer, createDebouncer, useDebouncedCallback, useDebouncedValue } from './debounce.js';
+export { StorageKind, StorageStateSetter, UseStorageStateOptions, useStorageState } from './storage-state.js';
+export { handleBeforeUnload, useUnsavedChangesGuard } from './unsaved-guard.js';
+export { ParsedHotkey, UseHotkeyOptions, detectApple, isEditableTarget, matchHotkey, parseHotkey, useHotkey } from './hotkey.js';
+export { NextHeight, UseAutoGrowTextareaOptions, nextHeight, useAutoGrowTextarea } from './auto-grow.js';
+import 'react';

package/dist/index.js

@@ -1,265 +1,115 @@
-// src/drawer-swipe/swipe-intent.ts
-var BACK_ZONE_PX = 60;
-var FORWARD_ZONE_PX = 30;
-var OPEN_DISTANCE_PX = 80;
-var CLOSE_DISTANCE_PX = 60;
-var VERTICAL_CANCEL_PX = 40;
-var MAX_SWIPE_DURATION_MS = 450;
-var HORIZONTAL_DOMINANCE = 1.5;
-function isInOpenZone(x, viewportWidth) {
-  return x > BACK_ZONE_PX && x < viewportWidth - FORWARD_ZONE_PX;
-}
-function resolveSwipeIntent(start, end, drawerOpen, viewportWidth) {
-  const dx = end.x - start.x;
-  const dy = end.y - start.y;
-  if (end.time - start.time > MAX_SWIPE_DURATION_MS) return null;
-  if (Math.abs(dx) < Math.abs(dy) * HORIZONTAL_DOMINANCE) return null;
-  if (drawerOpen) {
-    return dx <= -CLOSE_DISTANCE_PX ? "close" : null;
-  }
-  if (dx < OPEN_DISTANCE_PX) return null;
-  return isInOpenZone(start.x, viewportWidth) ? "open" : null;
-}
-function isInsideHorizontalScroller(target) {
-  let node = target instanceof Element ? target : null;
-  while (node && node !== document.body) {
-    const { overflowX } = window.getComputedStyle(node);
-    if ((overflowX === "auto" || overflowX === "scroll") && node.scrollWidth > node.clientWidth) {
-      return true;
-    }
-    node = node.parentElement;
-  }
-  return false;
-}
-
-// src/drawer-swipe/use-drawer-swipe.ts
-import { useEffect, useRef } from "react";
-function isWideViewport(maxViewportWidth) {
-  return window.matchMedia(`(min-width: ${maxViewportWidth}px)`).matches;
-}
-function useDrawerSwipe({
-  drawerOpen,
-  onOpen,
-  onClose,
-  enabled = true,
-  maxViewportWidth = 768
-}) {
-  const start = useRef(null);
-  const handlers = useRef({ drawerOpen, onOpen, onClose, maxViewportWidth });
-  handlers.current = { drawerOpen, onOpen, onClose, maxViewportWidth };
-  useEffect(() => {
-    if (!enabled) return;
-    function handleStart(event) {
-      start.current = null;
-      if (event.touches.length !== 1) return;
-      if (isWideViewport(handlers.current.maxViewportWidth)) return;
-      if (!handlers.current.drawerOpen && isInsideHorizontalScroller(event.target)) {
-        return;
-      }
-      const touch = event.touches[0];
-      if (!touch) return;
-      start.current = { x: touch.clientX, y: touch.clientY, time: Date.now() };
-    }
-    function handleMove(event) {
-      const origin = start.current;
-      const touch = event.touches[0];
-      if (!origin || !touch) return;
-      if (Math.abs(touch.clientY - origin.y) > VERTICAL_CANCEL_PX) {
-        start.current = null;
-      }
-    }
-    function handleEnd(event) {
-      const origin = start.current;
-      start.current = null;
-      const touch = event.changedTouches[0];
-      if (!origin || !touch) return;
-      const { drawerOpen: drawerOpen2, onOpen: onOpen2, onClose: onClose2 } = handlers.current;
-      const intent = resolveSwipeIntent(
-        origin,
-        { x: touch.clientX, y: touch.clientY, time: Date.now() },
-        drawerOpen2,
-        window.innerWidth
-      );
-      if (intent === "open") onOpen2();
-      if (intent === "close") onClose2();
-    }
-    function handleCancel() {
-      start.current = null;
-    }
-    document.addEventListener("touchstart", handleStart, { passive: true });
-    document.addEventListener("touchmove", handleMove, { passive: true });
-    document.addEventListener("touchend", handleEnd, { passive: true });
-    document.addEventListener("touchcancel", handleCancel, { passive: true });
-    return () => {
-      document.removeEventListener("touchstart", handleStart);
-      document.removeEventListener("touchmove", handleMove);
-      document.removeEventListener("touchend", handleEnd);
-      document.removeEventListener("touchcancel", handleCancel);
-    };
-  }, [enabled]);
-}
-
-// src/focus-trap/focusables.ts
-var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function focusableWithin(container) {
-  return Array.from(
-    container.querySelectorAll(FOCUSABLE_SELECTOR)
-  ).filter((el) => !el.closest("[hidden], [inert]"));
-}
-function nextFocusTarget(items, current, shiftKey, container) {
-  const first = items[0];
-  const last = items[items.length - 1];
-  if (!first || !last) return null;
-  if (!current || !container.contains(current)) return shiftKey ? last : first;
-  if (shiftKey && (current === first || current === container)) return last;
-  if (!shiftKey && current === last) return first;
-  return null;
-}
-
-// src/focus-trap/use-focus-trap.ts
-import { useEffect as useEffect2, useRef as useRef2 } from "react";
-var activeTraps = [];
-function useFocusTrap(containerRef, {
-  active,
-  initialFocusRef,
-  returnFocusRef,
-  restoreFocus = true
-}) {
-  const openerRef = useRef2(null);
-  if (active && !openerRef.current && typeof document !== "undefined") {
-    openerRef.current = document.activeElement;
-  }
-  useEffect2(() => {
-    const container = containerRef.current;
-    if (!active || !container) return;
-    const token = {};
-    activeTraps.push(token);
-    if (!container.contains(document.activeElement)) {
-      const target = initialFocusRef?.current ?? focusableWithin(container)[0] ?? container;
-      if (target === container && !container.hasAttribute("tabindex")) {
-        container.setAttribute("tabindex", "-1");
-      }
-      target.focus();
-    }
-    function onKeyDown(event) {
-      if (event.key !== "Tab" || !container) return;
-      if (activeTraps[activeTraps.length - 1] !== token) return;
-      const items = focusableWithin(container);
-      if (items.length === 0) {
-        event.preventDefault();
-        return;
-      }
-      const target = nextFocusTarget(
-        items,
-        document.activeElement,
-        event.shiftKey,
-        container
-      );
-      if (target) {
-        event.preventDefault();
-        target.focus();
-      }
-    }
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("keydown", onKeyDown);
-      activeTraps.splice(activeTraps.indexOf(token), 1);
-      const opener = returnFocusRef?.current ?? openerRef.current;
-      openerRef.current = null;
-      if (restoreFocus && opener?.isConnected) opener.focus();
-    };
-  }, [active, containerRef, initialFocusRef, returnFocusRef, restoreFocus]);
-}
-
-// src/escape/use-escape.ts
-import { useEffect as useEffect3, useRef as useRef3 } from "react";
-function useEscape(onEscape, active = true) {
-  const handlerRef = useRef3(onEscape);
-  useEffect3(() => {
-    handlerRef.current = onEscape;
-  });
-  useEffect3(() => {
-    if (!active) return;
-    function onKeyDown(event) {
-      if (event.key === "Escape") handlerRef.current();
-    }
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [active]);
-}
-
-// src/clipboard/copy-text.ts
-async function copyText(text) {
-  const hasClipboardApi = typeof navigator !== "undefined" && !!navigator.clipboard?.writeText && typeof window !== "undefined" && window.isSecureContext;
-  if (hasClipboardApi) {
-    try {
-      await navigator.clipboard.writeText(text);
-      return { ok: true };
-    } catch {
-    }
-  }
-  if (execCommandCopy(text)) return { ok: true };
-  return { ok: false, reason: hasClipboardApi ? "denied" : "unavailable" };
-}
-function execCommandCopy(text) {
-  if (typeof document === "undefined") return false;
-  const textarea = document.createElement("textarea");
-  textarea.value = text;
-  textarea.readOnly = true;
-  textarea.style.position = "fixed";
-  textarea.style.top = "-1000px";
-  textarea.style.left = "-1000px";
-  textarea.style.fontSize = "16px";
-  document.body.appendChild(textarea);
-  try {
-    textarea.select();
-    textarea.setSelectionRange(0, text.length);
-    return document.execCommand("copy");
-  } catch {
-    return false;
-  } finally {
-    document.body.removeChild(textarea);
-  }
-}
-
-// src/clipboard/use-copy-feedback.ts
-import { useCallback, useEffect as useEffect4, useRef as useRef4, useState } from "react";
-function useCopyFeedback({ resetMs = 1500 } = {}) {
-  const [status, setStatus] = useState("idle");
-  const timerRef = useRef4(void 0);
-  const clearTimer = useCallback(() => {
-    if (timerRef.current !== void 0) clearTimeout(timerRef.current);
-    timerRef.current = void 0;
-  }, []);
-  useEffect4(() => clearTimer, [clearTimer]);
-  const copy = useCallback(
-    async (text) => {
-      const result = await copyText(text);
-      clearTimer();
-      setStatus(result.ok ? "copied" : "failed");
-      timerRef.current = setTimeout(() => setStatus("idle"), resetMs);
-      return result;
-    },
-    [clearTimer, resetMs]
-  );
-  return { copy, status };
-}
+"use client";
+import {
+  nextDelay,
+  useVisibilityPolling
+} from "./chunk-UPVNSGIK.js";
+import {
+  createDebouncer,
+  useDebouncedCallback,
+  useDebouncedValue
+} from "./chunk-IWQDAJEP.js";
+import {
+  useStorageState
+} from "./chunk-5KIH2XLV.js";
+import {
+  handleBeforeUnload,
+  useUnsavedChangesGuard
+} from "./chunk-LZKAGDER.js";
+import {
+  detectApple,
+  isEditableTarget,
+  matchHotkey,
+  parseHotkey,
+  useHotkey
+} from "./chunk-NKLEB5TR.js";
+import {
+  nextHeight,
+  useAutoGrowTextarea
+} from "./chunk-5CA5RIMH.js";
+import {
+  BACK_ZONE_PX,
+  CLOSE_DISTANCE_PX,
+  FORWARD_ZONE_PX,
+  MAX_SWIPE_DURATION_MS,
+  OPEN_DISTANCE_PX,
+  VERTICAL_CANCEL_PX,
+  isInOpenZone,
+  isInsideHorizontalScroller,
+  resolveSwipeIntent,
+  useDrawerSwipe
+} from "./chunk-OZ4PU4E3.js";
+import {
+  FOCUSABLE_SELECTOR,
+  focusableWithin,
+  nextFocusTarget,
+  useFocusTrap
+} from "./chunk-DNU57XEJ.js";
+import {
+  useEscape
+} from "./chunk-S4YKMGQE.js";
+import {
+  copyText,
+  useCopyFeedback
+} from "./chunk-3CACI4OQ.js";
+import {
+  lockScroll,
+  unlockScroll,
+  useScrollLock
+} from "./chunk-6KCRVSLS.js";
+import {
+  COARSE_POINTER_QUERY,
+  REDUCED_MOTION_QUERY,
+  useCoarsePointer,
+  useMediaQuery,
+  useReducedMotion
+} from "./chunk-UZADAINO.js";
+import {
+  isOutside,
+  isPrimaryPress,
+  useOutsidePress
+} from "./chunk-3UGRXQIA.js";
 export {
   BACK_ZONE_PX,
   CLOSE_DISTANCE_PX,
+  COARSE_POINTER_QUERY,
   FOCUSABLE_SELECTOR,
   FORWARD_ZONE_PX,
   MAX_SWIPE_DURATION_MS,
   OPEN_DISTANCE_PX,
+  REDUCED_MOTION_QUERY,
   VERTICAL_CANCEL_PX,
   copyText,
+  createDebouncer,
+  detectApple,
   focusableWithin,
+  handleBeforeUnload,
+  isEditableTarget,
   isInOpenZone,
   isInsideHorizontalScroller,
+  isOutside,
+  isPrimaryPress,
+  lockScroll,
+  matchHotkey,
+  nextDelay,
   nextFocusTarget,
+  nextHeight,
+  parseHotkey,
   resolveSwipeIntent,
+  unlockScroll,
+  useAutoGrowTextarea,
+  useCoarsePointer,
   useCopyFeedback,
+  useDebouncedCallback,
+  useDebouncedValue,
   useDrawerSwipe,
   useEscape,
-  useFocusTrap
+  useFocusTrap,
+  useHotkey,
+  useMediaQuery,
+  useOutsidePress,
+  useReducedMotion,
+  useScrollLock,
+  useStorageState,
+  useUnsavedChangesGuard,
+  useVisibilityPolling
 };

package/dist/media-query.cjs

@@ -0,0 +1,90 @@
+"use client";
+"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/media-query/index.ts
+var media_query_exports = {};
+__export(media_query_exports, {
+  COARSE_POINTER_QUERY: () => COARSE_POINTER_QUERY,
+  REDUCED_MOTION_QUERY: () => REDUCED_MOTION_QUERY,
+  useCoarsePointer: () => useCoarsePointer,
+  useMediaQuery: () => useMediaQuery,
+  useReducedMotion: () => useReducedMotion
+});
+module.exports = __toCommonJS(media_query_exports);
+
+// src/media-query/use-media-query.ts
+var import_react = require("react");
+
+// src/media-query/media-query.ts
+var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+var COARSE_POINTER_QUERY = "(pointer: coarse)";
+var lists = /* @__PURE__ */ new WeakMap();
+function getList(query) {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return null;
+  const owner = window.matchMedia;
+  let byQuery = lists.get(owner);
+  if (!byQuery) {
+    byQuery = /* @__PURE__ */ new Map();
+    lists.set(owner, byQuery);
+  }
+  let list = byQuery.get(query);
+  if (!list) {
+    list = owner.call(window, query);
+    byQuery.set(query, list);
+  }
+  return list;
+}
+function getMatches(query) {
+  return getList(query)?.matches ?? null;
+}
+function subscribe(query, onChange) {
+  const list = getList(query);
+  if (!list) return () => {
+  };
+  if (typeof list.addEventListener === "function") {
+    list.addEventListener("change", onChange);
+    return () => list.removeEventListener("change", onChange);
+  }
+  list.addListener(onChange);
+  return () => list.removeListener(onChange);
+}
+
+// src/media-query/use-media-query.ts
+function useMediaQuery(query, options = {}) {
+  const serverDefault = options.serverDefault ?? false;
+  const subscribeToQuery = (0, import_react.useCallback)((onChange) => subscribe(query, onChange), [query]);
+  const getSnapshot = (0, import_react.useCallback)(() => getMatches(query) ?? serverDefault, [query, serverDefault]);
+  const getServerSnapshot = (0, import_react.useCallback)(() => serverDefault, [serverDefault]);
+  return (0, import_react.useSyncExternalStore)(subscribeToQuery, getSnapshot, getServerSnapshot);
+}
+function useReducedMotion(options) {
+  return useMediaQuery(REDUCED_MOTION_QUERY, options);
+}
+function useCoarsePointer(options) {
+  return useMediaQuery(COARSE_POINTER_QUERY, options);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  COARSE_POINTER_QUERY,
+  REDUCED_MOTION_QUERY,
+  useCoarsePointer,
+  useMediaQuery,
+  useReducedMotion
+});

package/dist/media-query.d.cts

@@ -0,0 +1,12 @@
+interface UseMediaQueryOptions {
+    /** Value on the server, during hydration, and where `matchMedia` is missing. Default `false`. */
+    serverDefault?: boolean;
+}
+declare function useMediaQuery(query: string, options?: UseMediaQueryOptions): boolean;
+declare function useReducedMotion(options?: UseMediaQueryOptions): boolean;
+declare function useCoarsePointer(options?: UseMediaQueryOptions): boolean;
+
+declare const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+declare const COARSE_POINTER_QUERY = "(pointer: coarse)";
+
+export { COARSE_POINTER_QUERY, REDUCED_MOTION_QUERY, type UseMediaQueryOptions, useCoarsePointer, useMediaQuery, useReducedMotion };

package/dist/media-query.d.ts

@@ -0,0 +1,12 @@
+interface UseMediaQueryOptions {
+    /** Value on the server, during hydration, and where `matchMedia` is missing. Default `false`. */
+    serverDefault?: boolean;
+}
+declare function useMediaQuery(query: string, options?: UseMediaQueryOptions): boolean;
+declare function useReducedMotion(options?: UseMediaQueryOptions): boolean;
+declare function useCoarsePointer(options?: UseMediaQueryOptions): boolean;
+
+declare const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+declare const COARSE_POINTER_QUERY = "(pointer: coarse)";
+
+export { COARSE_POINTER_QUERY, REDUCED_MOTION_QUERY, type UseMediaQueryOptions, useCoarsePointer, useMediaQuery, useReducedMotion };

package/dist/media-query.js

@@ -0,0 +1,15 @@
+"use client";
+import {
+  COARSE_POINTER_QUERY,
+  REDUCED_MOTION_QUERY,
+  useCoarsePointer,
+  useMediaQuery,
+  useReducedMotion
+} from "./chunk-UZADAINO.js";
+export {
+  COARSE_POINTER_QUERY,
+  REDUCED_MOTION_QUERY,
+  useCoarsePointer,
+  useMediaQuery,
+  useReducedMotion
+};