@develemit/web-hooks 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -22,21 +23,47 @@ var src_exports = {};
 __export(src_exports, {
   BACK_ZONE_PX: () => BACK_ZONE_PX,
   CLOSE_DISTANCE_PX: () => CLOSE_DISTANCE_PX,
+  COARSE_POINTER_QUERY: () => COARSE_POINTER_QUERY,
   FOCUSABLE_SELECTOR: () => FOCUSABLE_SELECTOR,
   FORWARD_ZONE_PX: () => FORWARD_ZONE_PX,
   MAX_SWIPE_DURATION_MS: () => MAX_SWIPE_DURATION_MS,
   OPEN_DISTANCE_PX: () => OPEN_DISTANCE_PX,
+  REDUCED_MOTION_QUERY: () => REDUCED_MOTION_QUERY,
   VERTICAL_CANCEL_PX: () => VERTICAL_CANCEL_PX,
   copyText: () => copyText,
+  createDebouncer: () => createDebouncer,
+  detectApple: () => detectApple,
   focusableWithin: () => focusableWithin,
+  handleBeforeUnload: () => handleBeforeUnload,
+  isEditableTarget: () => isEditableTarget,
   isInOpenZone: () => isInOpenZone,
   isInsideHorizontalScroller: () => isInsideHorizontalScroller,
+  isOutside: () => isOutside,
+  isPrimaryPress: () => isPrimaryPress,
+  lockScroll: () => lockScroll,
+  matchHotkey: () => matchHotkey,
+  nextDelay: () => nextDelay,
   nextFocusTarget: () => nextFocusTarget,
+  nextHeight: () => nextHeight,
+  parseHotkey: () => parseHotkey,
   resolveSwipeIntent: () => resolveSwipeIntent,
+  unlockScroll: () => unlockScroll,
+  useAutoGrowTextarea: () => useAutoGrowTextarea,
+  useCoarsePointer: () => useCoarsePointer,
   useCopyFeedback: () => useCopyFeedback,
+  useDebouncedCallback: () => useDebouncedCallback,
+  useDebouncedValue: () => useDebouncedValue,
   useDrawerSwipe: () => useDrawerSwipe,
   useEscape: () => useEscape,
-  useFocusTrap: () => useFocusTrap
+  useFocusTrap: () => useFocusTrap,
+  useHotkey: () => useHotkey,
+  useMediaQuery: () => useMediaQuery,
+  useOutsidePress: () => useOutsidePress,
+  useReducedMotion: () => useReducedMotion,
+  useScrollLock: () => useScrollLock,
+  useStorageState: () => useStorageState,
+  useUnsavedChangesGuard: () => useUnsavedChangesGuard,
+  useVisibilityPolling: () => useVisibilityPolling
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -171,6 +198,9 @@ function useFocusTrap(containerRef, {
   if (active && !openerRef.current && typeof document !== "undefined") {
     openerRef.current = document.activeElement;
   }
+  (0, import_react2.useEffect)(() => {
+    if (!active) openerRef.current = null;
+  }, [active]);
   (0, import_react2.useEffect)(() => {
     const container = containerRef.current;
     if (!active || !container) return;
@@ -207,7 +237,6 @@ function useFocusTrap(containerRef, {
       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]);
@@ -223,6 +252,7 @@ function useEscape(onEscape, active = true) {
   (0, import_react3.useEffect)(() => {
     if (!active) return;
     function onKeyDown(event) {
+      if (event.isComposing || event.keyCode === 229) return;
       if (event.key === "Escape") handlerRef.current();
     }
     document.addEventListener("keydown", onKeyDown);
@@ -252,8 +282,10 @@ function execCommandCopy(text) {
   textarea.style.top = "-1000px";
   textarea.style.left = "-1000px";
   textarea.style.fontSize = "16px";
+  const previouslyFocused = document.activeElement;
   document.body.appendChild(textarea);
   try {
+    textarea.focus({ preventScroll: true });
     textarea.select();
     textarea.setSelectionRange(0, text.length);
     return document.execCommand("copy");
@@ -261,6 +293,9 @@ function execCommandCopy(text) {
     return false;
   } finally {
     document.body.removeChild(textarea);
+    if (previouslyFocused instanceof HTMLElement && previouslyFocused !== document.body) {
+      previouslyFocused.focus({ preventScroll: true });
+    }
   }
 }
 
@@ -286,23 +321,598 @@ function useCopyFeedback({ resetMs = 1500 } = {}) {
   );
   return { copy, status };
 }
+
+// src/scroll-lock/use-scroll-lock.ts
+var import_react5 = require("react");
+
+// src/scroll-lock/lock-styles.ts
+var LOCKED_PROPERTIES = [
+  "position",
+  "top",
+  "left",
+  "right",
+  "width",
+  "overflow",
+  "paddingRight"
+];
+function computeLockStyles({ scrollY, scrollbarWidth, existingPaddingRight }) {
+  const styles = {
+    position: "fixed",
+    top: `-${scrollY}px`,
+    left: "0",
+    right: "0",
+    width: "100%",
+    overflow: "hidden"
+  };
+  if (scrollbarWidth > 0) styles.paddingRight = `${existingPaddingRight + scrollbarWidth}px`;
+  return styles;
+}
+
+// src/scroll-lock/scroll-lock.ts
+var count = 0;
+var saved = null;
+function applyFirstLock() {
+  const { body, documentElement } = document;
+  const inline = {};
+  for (const property of LOCKED_PROPERTIES) inline[property] = body.style[property];
+  saved = { scrollY: window.scrollY, inline };
+  const styles = computeLockStyles({
+    scrollY: saved.scrollY,
+    scrollbarWidth: Math.max(0, window.innerWidth - documentElement.clientWidth),
+    existingPaddingRight: parseFloat(getComputedStyle(body).paddingRight) || 0
+  });
+  Object.assign(body.style, styles);
+}
+function restoreLastLock() {
+  if (!saved) return;
+  const { scrollY, inline } = saved;
+  saved = null;
+  Object.assign(document.body.style, inline);
+  window.scrollTo(0, scrollY);
+}
+function lockScroll() {
+  if (count === 0) applyFirstLock();
+  count += 1;
+  let released = false;
+  return () => {
+    if (released) return;
+    released = true;
+    count -= 1;
+    if (count === 0) restoreLastLock();
+  };
+}
+function unlockScroll() {
+  if (count === 0) return;
+  count -= 1;
+  if (count === 0) restoreLastLock();
+}
+
+// src/scroll-lock/use-scroll-lock.ts
+function useScrollLock(active = true) {
+  (0, import_react5.useEffect)(() => {
+    if (!active) return;
+    return lockScroll();
+  }, [active]);
+}
+
+// src/media-query/use-media-query.ts
+var import_react6 = 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_react6.useCallback)((onChange) => subscribe(query, onChange), [query]);
+  const getSnapshot = (0, import_react6.useCallback)(() => getMatches(query) ?? serverDefault, [query, serverDefault]);
+  const getServerSnapshot = (0, import_react6.useCallback)(() => serverDefault, [serverDefault]);
+  return (0, import_react6.useSyncExternalStore)(subscribeToQuery, getSnapshot, getServerSnapshot);
+}
+function useReducedMotion(options) {
+  return useMediaQuery(REDUCED_MOTION_QUERY, options);
+}
+function useCoarsePointer(options) {
+  return useMediaQuery(COARSE_POINTER_QUERY, options);
+}
+
+// src/outside-press/outside-press.ts
+function isOutside(target, elements) {
+  if (!target) return false;
+  if (!target.isConnected) return false;
+  return !elements.some((el) => el?.contains(target));
+}
+function isPrimaryPress(event) {
+  return !(event.pointerType === "mouse" && event.button !== 0);
+}
+
+// src/outside-press/use-outside-press.ts
+var import_react7 = require("react");
+function useOutsidePress(refs, onOutsidePress, { enabled = true } = {}) {
+  const refsRef = (0, import_react7.useRef)(refs);
+  const handlerRef = (0, import_react7.useRef)(onOutsidePress);
+  (0, import_react7.useEffect)(() => {
+    refsRef.current = refs;
+    handlerRef.current = onOutsidePress;
+  });
+  (0, import_react7.useEffect)(() => {
+    if (!enabled) return;
+    function onPointerDown(event) {
+      if (!isPrimaryPress(event)) return;
+      const list = Array.isArray(refsRef.current) ? refsRef.current : [refsRef.current];
+      const elements = list.map((ref) => ref.current);
+      if (isOutside(event.target, elements)) handlerRef.current(event);
+    }
+    document.addEventListener("pointerdown", onPointerDown, true);
+    return () => document.removeEventListener("pointerdown", onPointerDown, true);
+  }, [enabled]);
+}
+
+// src/visibility-polling/schedule.ts
+function nextDelay(intervalMs, jitter, random) {
+  const fraction = Math.min(1, Math.max(0, jitter));
+  return intervalMs + random() * fraction * intervalMs;
+}
+
+// src/visibility-polling/use-visibility-polling.ts
+var import_react8 = require("react");
+var isHidden = () => document.visibilityState === "hidden";
+function useVisibilityPolling(fn, intervalMs, { enabled = true, immediate = true, jitter = 0, runOnVisible = true } = {}) {
+  const fnRef = (0, import_react8.useRef)(fn);
+  const optionsRef = (0, import_react8.useRef)({ immediate, jitter, runOnVisible });
+  (0, import_react8.useEffect)(() => {
+    fnRef.current = fn;
+    optionsRef.current = { immediate, jitter, runOnVisible };
+  });
+  const runningRef = (0, import_react8.useRef)(false);
+  const scheduleRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
+    if (!enabled) return;
+    let active = true;
+    let timer = null;
+    function clearTimer() {
+      if (timer !== null) clearTimeout(timer);
+      timer = null;
+    }
+    function schedule() {
+      clearTimer();
+      if (!active || isHidden()) return;
+      timer = setTimeout(run, nextDelay(intervalMs, optionsRef.current.jitter, Math.random));
+    }
+    async function run() {
+      timer = null;
+      if (!active || runningRef.current || isHidden()) return;
+      runningRef.current = true;
+      try {
+        await fnRef.current();
+      } catch {
+      } finally {
+        runningRef.current = false;
+      }
+      scheduleRef.current?.();
+    }
+    function onVisibilityChange() {
+      if (isHidden()) {
+        clearTimer();
+      } else if (optionsRef.current.runOnVisible) {
+        clearTimer();
+        void run();
+      } else if (!runningRef.current) {
+        schedule();
+      }
+    }
+    scheduleRef.current = schedule;
+    if (optionsRef.current.immediate && !isHidden()) void run();
+    else schedule();
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    return () => {
+      active = false;
+      scheduleRef.current = null;
+      clearTimer();
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+    };
+  }, [enabled, intervalMs]);
+}
+
+// src/debounce/debouncer.ts
+function createDebouncer(getFn, getMs) {
+  let timer;
+  let pending;
+  function clear() {
+    if (timer !== void 0) clearTimeout(timer);
+    timer = void 0;
+    pending = void 0;
+  }
+  function run() {
+    const args = pending;
+    clear();
+    if (args) getFn()(...args);
+  }
+  return {
+    call(...args) {
+      if (timer !== void 0) clearTimeout(timer);
+      pending = args;
+      timer = setTimeout(run, getMs());
+    },
+    cancel: clear,
+    flush() {
+      if (pending) run();
+    },
+    isPending: () => pending !== void 0
+  };
+}
+
+// src/debounce/use-debounced-value.ts
+var import_react9 = require("react");
+function useDebouncedValue(value, ms) {
+  const [debounced, setDebounced] = (0, import_react9.useState)(value);
+  (0, import_react9.useEffect)(() => {
+    const timer = setTimeout(() => setDebounced(value), ms);
+    return () => clearTimeout(timer);
+  }, [value, ms]);
+  return debounced;
+}
+
+// src/debounce/use-debounced-callback.ts
+var import_react10 = require("react");
+function useDebouncedCallback(fn, ms) {
+  const fnRef = (0, import_react10.useRef)(fn);
+  const msRef = (0, import_react10.useRef)(ms);
+  (0, import_react10.useEffect)(() => {
+    fnRef.current = fn;
+    msRef.current = ms;
+  });
+  const [debounced] = (0, import_react10.useState)(() => {
+    const debouncer = createDebouncer(
+      () => fnRef.current,
+      () => msRef.current
+    );
+    return Object.assign((...args) => debouncer.call(...args), {
+      cancel: debouncer.cancel,
+      flush: debouncer.flush
+    });
+  });
+  (0, import_react10.useEffect)(() => () => debounced.cancel(), [debounced]);
+  return debounced;
+}
+
+// src/storage-state/use-storage-state.ts
+var import_react11 = require("react");
+
+// src/storage-state/storage-store.ts
+function getStorage(kind) {
+  try {
+    if (typeof window === "undefined") return null;
+    return kind === "session" ? window.sessionStorage : window.localStorage;
+  } catch {
+    return null;
+  }
+}
+function readRaw(storage, key) {
+  try {
+    return storage ? storage.getItem(key) : null;
+  } catch {
+    return null;
+  }
+}
+function writeRaw(storage, key, value) {
+  try {
+    if (!storage) return false;
+    storage.setItem(key, value);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function removeRaw(storage, key) {
+  try {
+    if (!storage) return false;
+    storage.removeItem(key);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function parseOr(raw, parse, fallback) {
+  if (raw === null) return fallback;
+  try {
+    return parse(raw);
+  } catch {
+    return fallback;
+  }
+}
+var slot = (kind, key) => `${kind}\0${key}`;
+var memory = /* @__PURE__ */ new Map();
+var listeners = /* @__PURE__ */ new Map();
+function readCurrent(kind, key) {
+  const held = memory.get(slot(kind, key));
+  if (held !== void 0) return held;
+  return readRaw(getStorage(kind), key);
+}
+function notify(id) {
+  for (const listener of [...listeners.get(id) ?? []]) listener();
+}
+function writeCurrent(kind, key, raw) {
+  const id = slot(kind, key);
+  if (writeRaw(getStorage(kind), key, raw)) memory.delete(id);
+  else memory.set(id, raw);
+  notify(id);
+}
+function removeCurrent(kind, key) {
+  const id = slot(kind, key);
+  if (removeRaw(getStorage(kind), key)) memory.delete(id);
+  else memory.set(id, null);
+  notify(id);
+}
+function onStorageEvent(event) {
+  const kinds = [];
+  if (!event.storageArea || event.storageArea === getStorage("local")) kinds.push("local");
+  if (!event.storageArea || event.storageArea === getStorage("session")) kinds.push("session");
+  for (const id of [...listeners.keys()]) {
+    const [kind, key] = id.split("\0");
+    if (!kinds.includes(kind)) continue;
+    if (event.key !== null && event.key !== key) continue;
+    memory.delete(id);
+    notify(id);
+  }
+}
+function subscribeToKey(kind, key, listener) {
+  const id = slot(kind, key);
+  const wasEmpty = listeners.size === 0;
+  let set = listeners.get(id);
+  if (!set) listeners.set(id, set = /* @__PURE__ */ new Set());
+  set.add(listener);
+  if (wasEmpty) window.addEventListener("storage", onStorageEvent);
+  return () => {
+    const current = listeners.get(id);
+    current?.delete(listener);
+    if (current?.size === 0) listeners.delete(id);
+    if (listeners.size === 0) window.removeEventListener("storage", onStorageEvent);
+  };
+}
+
+// src/storage-state/use-storage-state.ts
+function useStorageState(key, defaultValue, options = {}) {
+  const kind = options.storage ?? "local";
+  const serialize = options.serialize ?? JSON.stringify;
+  const parse = options.parse ?? JSON.parse;
+  const latest = (0, import_react11.useRef)({ serialize, parse, defaultValue });
+  (0, import_react11.useEffect)(() => {
+    latest.current = { serialize, parse, defaultValue };
+  });
+  const cache = (0, import_react11.useRef)(null);
+  const subscribe2 = (0, import_react11.useCallback)((onChange) => subscribeToKey(kind, key, onChange), [kind, key]);
+  const getSnapshot = (0, import_react11.useCallback)(() => {
+    const raw = readCurrent(kind, key);
+    const hit = cache.current;
+    if (hit && hit.kind === kind && hit.key === key && hit.raw === raw && hit.parse === parse) return hit.value;
+    const value2 = parseOr(raw, parse, defaultValue);
+    cache.current = { kind, key, raw, parse, value: value2 };
+    return value2;
+  }, [kind, key, parse, defaultValue]);
+  const getServerSnapshot = (0, import_react11.useCallback)(() => defaultValue, [defaultValue]);
+  const value = (0, import_react11.useSyncExternalStore)(subscribe2, getSnapshot, getServerSnapshot);
+  const set = (0, import_react11.useCallback)(
+    (next) => {
+      const { serialize: encode, parse: decode, defaultValue: fallback } = latest.current;
+      try {
+        const resolved = typeof next === "function" ? next(parseOr(readCurrent(kind, key), decode, fallback)) : next;
+        writeCurrent(kind, key, encode(resolved));
+      } catch {
+      }
+    },
+    [kind, key]
+  );
+  const remove = (0, import_react11.useCallback)(() => removeCurrent(kind, key), [kind, key]);
+  return [value, set, remove];
+}
+
+// src/unsaved-guard/handle-before-unload.ts
+function handleBeforeUnload(event) {
+  event.preventDefault();
+  event.returnValue = "";
+}
+
+// src/unsaved-guard/use-unsaved-changes-guard.ts
+var import_react12 = require("react");
+function useUnsavedChangesGuard(dirty) {
+  (0, import_react12.useEffect)(() => {
+    if (!dirty) return;
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+  }, [dirty]);
+}
+
+// src/hotkey/parse-hotkey.ts
+var KEY_ALIASES = {
+  esc: "escape",
+  space: " ",
+  plus: "+",
+  up: "arrowup",
+  down: "arrowdown",
+  left: "arrowleft",
+  right: "arrowright"
+};
+function parseHotkey(combo) {
+  const parsed = { key: "", mod: false, ctrl: false, meta: false, alt: false, shift: false };
+  const parts = combo.trim().toLowerCase().split(/\+(?=.)/);
+  for (const part of parts) {
+    const token = part.trim();
+    if (token === "mod" || token === "ctrl" || token === "meta" || token === "alt" || token === "shift") {
+      parsed[token] = true;
+    } else {
+      parsed.key = KEY_ALIASES[token] ?? token;
+    }
+  }
+  if (!parsed.key) throw new Error(`Invalid hotkey "${combo}": no key`);
+  return parsed;
+}
+
+// src/hotkey/match-hotkey.ts
+var CODE_FOR_SYMBOL = {
+  "/": "Slash",
+  ".": "Period",
+  ",": "Comma",
+  ";": "Semicolon",
+  "'": "Quote",
+  "[": "BracketLeft",
+  "]": "BracketRight",
+  "\\": "Backslash",
+  "-": "Minus",
+  "=": "Equal",
+  "`": "Backquote"
+};
+function physicalCode(key) {
+  if (/^[a-z]$/.test(key)) return `Key${key.toUpperCase()}`;
+  if (/^[0-9]$/.test(key)) return `Digit${key}`;
+  return CODE_FOR_SYMBOL[key] ?? null;
+}
+function keyMatches(event, parsed) {
+  if (event.key.toLowerCase() === parsed.key) return true;
+  return parsed.shift && physicalCode(parsed.key) === event.code;
+}
+function matchHotkey(event, combo, isApple) {
+  const parsed = typeof combo === "string" ? parseHotkey(combo) : combo;
+  const wantMeta = parsed.meta || parsed.mod && isApple;
+  const wantCtrl = parsed.ctrl || parsed.mod && !isApple;
+  return event.metaKey === wantMeta && event.ctrlKey === wantCtrl && event.altKey === parsed.alt && event.shiftKey === parsed.shift && keyMatches(event, parsed);
+}
+function detectApple(nav) {
+  if (!nav) return false;
+  const platform = nav.userAgentData?.platform || nav.platform || "";
+  return /mac|iphone|ipad|ipod/i.test(platform);
+}
+function isEditableTarget(target) {
+  const el = target;
+  if (!el || typeof el.tagName !== "string") return false;
+  const tag = el.tagName.toLowerCase();
+  return tag === "input" || tag === "textarea" || tag === "select" || el.isContentEditable === true;
+}
+
+// src/hotkey/use-hotkey.ts
+var import_react13 = require("react");
+function useHotkey(combo, onHotkey, options = {}) {
+  const { enabled = true, allowInInputs = false, preventDefault = true } = options;
+  const handlerRef = (0, import_react13.useRef)(onHotkey);
+  (0, import_react13.useEffect)(() => {
+    handlerRef.current = onHotkey;
+  });
+  (0, import_react13.useEffect)(() => {
+    if (!enabled) return;
+    const parsed = parseHotkey(combo);
+    function onKeyDown(event) {
+      if (event.isComposing || event.keyCode === 229) return;
+      if (!allowInInputs && isEditableTarget(event.target)) return;
+      if (!matchHotkey(event, parsed, detectApple(navigator))) return;
+      if (preventDefault) event.preventDefault();
+      handlerRef.current(event);
+    }
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [combo, enabled, allowInInputs, preventDefault]);
+}
+
+// src/auto-grow/next-height.ts
+function nextHeight(scrollHeight, maxHeight) {
+  const content = Math.ceil(scrollHeight);
+  if (maxHeight !== void 0 && content > maxHeight) return { height: maxHeight, capped: true };
+  return { height: content, capped: false };
+}
+
+// src/auto-grow/use-auto-grow-textarea.ts
+var import_react14 = require("react");
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? import_react14.useEffect : import_react14.useLayoutEffect;
+function useAutoGrowTextarea(ref, value, { maxHeight } = {}) {
+  const resize = (0, import_react14.useCallback)(() => {
+    const el = ref.current;
+    if (!el) return;
+    el.style.height = "auto";
+    const { height, capped } = nextHeight(el.scrollHeight, maxHeight);
+    el.style.height = `${height}px`;
+    el.style.overflowY = capped ? "auto" : "hidden";
+  }, [ref, maxHeight]);
+  useIsomorphicLayoutEffect(resize, [resize, value]);
+  (0, import_react14.useEffect)(() => {
+    const viewport = window.visualViewport;
+    const target = viewport ?? window;
+    target.addEventListener("resize", resize);
+    return () => target.removeEventListener("resize", resize);
+  }, [resize]);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   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
 });