@develemit/web-hooks 0.1.0 → 0.3.0

package/dist/chunk-Z3X27PCA.js

@@ -0,0 +1,108 @@
+"use client";
+import {
+  STANDALONE_QUERY,
+  isIosSafari,
+  isStandalone
+} from "./chunk-YFMMSLMB.js";
+import {
+  subscribe
+} from "./chunk-WVM2LTWQ.js";
+
+// src/pwa/use-is-standalone.ts
+import { useCallback, useSyncExternalStore } from "react";
+function useIsStandalone() {
+  const subscribeToMode = useCallback((onChange) => subscribe(STANDALONE_QUERY, onChange), []);
+  return useSyncExternalStore(subscribeToMode, isStandalone, () => false);
+}
+
+// src/pwa/use-install-prompt.ts
+import { useEffect, useSyncExternalStore as useSyncExternalStore2 } from "react";
+
+// src/pwa/install-store.ts
+var state = { event: null, installed: false };
+var subscribers = /* @__PURE__ */ new Set();
+var permanent = false;
+var holders = 0;
+var attached = false;
+function set(next) {
+  state = next;
+  subscribers.forEach((fn) => fn());
+}
+function onBeforeInstallPrompt(e) {
+  e.preventDefault();
+  set({ ...state, event: e });
+}
+function onAppInstalled() {
+  set({ event: null, installed: true });
+}
+function sync() {
+  const wanted = permanent || holders > 0;
+  if (wanted === attached || typeof window === "undefined") return;
+  attached = wanted;
+  const toggle = wanted ? window.addEventListener : window.removeEventListener;
+  toggle.call(window, "beforeinstallprompt", onBeforeInstallPrompt);
+  toggle.call(window, "appinstalled", onAppInstalled);
+}
+function startInstallPromptCapture() {
+  permanent = true;
+  sync();
+}
+function acquireCapture() {
+  holders += 1;
+  sync();
+  let released = false;
+  return () => {
+    if (released) return;
+    released = true;
+    holders -= 1;
+    sync();
+  };
+}
+function getInstallState() {
+  return state;
+}
+function subscribeInstallState(onChange) {
+  subscribers.add(onChange);
+  return () => {
+    subscribers.delete(onChange);
+  };
+}
+async function promptInstall() {
+  const event = state.event;
+  if (!event) return "unavailable";
+  set({ ...state, event: null });
+  try {
+    await event.prompt();
+    const { outcome } = await event.userChoice;
+    return outcome;
+  } catch {
+    return "dismissed";
+  }
+}
+
+// src/pwa/use-install-prompt.ts
+var serverState = { event: null, installed: false };
+function useInstallPrompt() {
+  const state2 = useSyncExternalStore2(subscribeInstallState, getInstallState, () => serverState);
+  const standalone = useIsStandalone();
+  const iosSafari = useSyncExternalStore2(
+    () => () => {
+    },
+    isIosSafari,
+    () => false
+  );
+  useEffect(() => acquireCapture(), []);
+  const installed = state2.installed || standalone;
+  return {
+    canPrompt: state2.event !== null && !installed,
+    prompt: promptInstall,
+    installed,
+    needsIosInstructions: iosSafari && !installed
+  };
+}
+
+export {
+  useIsStandalone,
+  startInstallPromptCapture,
+  useInstallPrompt
+};

package/dist/clipboard.cjs

@@ -22,6 +22,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var clipboard_exports = {};
 __export(clipboard_exports, {
   copyText: () => copyText,
+  readText: () => readText,
   useCopyFeedback: () => useCopyFeedback
 });
 module.exports = __toCommonJS(clipboard_exports);
@@ -48,8 +49,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");
@@ -57,6 +60,9 @@ function execCommandCopy(text) {
     return false;
   } finally {
     document.body.removeChild(textarea);
+    if (previouslyFocused instanceof HTMLElement && previouslyFocused !== document.body) {
+      previouslyFocused.focus({ preventScroll: true });
+    }
   }
 }
 
@@ -82,8 +88,20 @@ function useCopyFeedback({ resetMs = 1500 } = {}) {
   );
   return { copy, status };
 }
+
+// src/clipboard/read-text.ts
+async function readText() {
+  const hasClipboardApi = typeof navigator !== "undefined" && !!navigator.clipboard?.readText && typeof window !== "undefined" && window.isSecureContext;
+  if (!hasClipboardApi) return { ok: false, reason: "unavailable" };
+  try {
+    return { ok: true, text: await navigator.clipboard.readText() };
+  } catch {
+    return { ok: false, reason: "denied" };
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   copyText,
+  readText,
   useCopyFeedback
 });

package/dist/clipboard.d.cts

@@ -14,4 +14,13 @@ declare function useCopyFeedback({ resetMs }?: {
     status: CopyStatus;
 };
 
-export { type CopyResult, type CopyStatus, copyText, useCopyFeedback };
+type ReadResult = {
+    ok: true;
+    text: string;
+} | {
+    ok: false;
+    reason: 'unavailable' | 'denied';
+};
+declare function readText(): Promise<ReadResult>;
+
+export { type CopyResult, type CopyStatus, type ReadResult, copyText, readText, useCopyFeedback };

package/dist/clipboard.d.ts

@@ -14,4 +14,13 @@ declare function useCopyFeedback({ resetMs }?: {
     status: CopyStatus;
 };
 
-export { type CopyResult, type CopyStatus, copyText, useCopyFeedback };
+type ReadResult = {
+    ok: true;
+    text: string;
+} | {
+    ok: false;
+    reason: 'unavailable' | 'denied';
+};
+declare function readText(): Promise<ReadResult>;
+
+export { type CopyResult, type CopyStatus, type ReadResult, copyText, readText, useCopyFeedback };

package/dist/clipboard.js

@@ -1,62 +1,13 @@
 "use client";
-
-// 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, useRef, useState } from "react";
-function useCopyFeedback({ resetMs = 1500 } = {}) {
-  const [status, setStatus] = useState("idle");
-  const timerRef = useRef(void 0);
-  const clearTimer = useCallback(() => {
-    if (timerRef.current !== void 0) clearTimeout(timerRef.current);
-    timerRef.current = void 0;
-  }, []);
-  useEffect(() => 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 };
-}
+import {
+  readText,
+  useCopyFeedback
+} from "./chunk-EXEJI4FK.js";
+import {
+  copyText
+} from "./chunk-FE3BQD2I.js";
 export {
   copyText,
+  readText,
   useCopyFeedback
 };

package/dist/debounce.cjs

@@ -0,0 +1,96 @@
+"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/debounce/index.ts
+var debounce_exports = {};
+__export(debounce_exports, {
+  createDebouncer: () => createDebouncer,
+  useDebouncedCallback: () => useDebouncedCallback,
+  useDebouncedValue: () => useDebouncedValue
+});
+module.exports = __toCommonJS(debounce_exports);
+
+// 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_react = require("react");
+function useDebouncedValue(value, ms) {
+  const [debounced, setDebounced] = (0, import_react.useState)(value);
+  (0, import_react.useEffect)(() => {
+    const timer = setTimeout(() => setDebounced(value), ms);
+    return () => clearTimeout(timer);
+  }, [value, ms]);
+  return debounced;
+}
+
+// src/debounce/use-debounced-callback.ts
+var import_react2 = require("react");
+function useDebouncedCallback(fn, ms) {
+  const fnRef = (0, import_react2.useRef)(fn);
+  const msRef = (0, import_react2.useRef)(ms);
+  (0, import_react2.useEffect)(() => {
+    fnRef.current = fn;
+    msRef.current = ms;
+  });
+  const [debounced] = (0, import_react2.useState)(() => {
+    const debouncer = createDebouncer(
+      () => fnRef.current,
+      () => msRef.current
+    );
+    return Object.assign((...args) => debouncer.call(...args), {
+      cancel: debouncer.cancel,
+      flush: debouncer.flush
+    });
+  });
+  (0, import_react2.useEffect)(() => () => debounced.cancel(), [debounced]);
+  return debounced;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createDebouncer,
+  useDebouncedCallback,
+  useDebouncedValue
+});

package/dist/debounce.d.cts

@@ -0,0 +1,21 @@
+interface Debouncer<Args extends unknown[]> {
+    call(...args: Args): void;
+    cancel(): void;
+    /** Runs the pending call right now; does nothing when none is pending. */
+    flush(): void;
+    isPending(): boolean;
+}
+/** `getFn` and `getMs` are read at call time, so the latest values always win. */
+declare function createDebouncer<Args extends unknown[]>(getFn: () => (...args: Args) => void, getMs: () => number): Debouncer<Args>;
+
+declare function useDebouncedValue<T>(value: T, ms: number): T;
+
+interface DebouncedCallback<Args extends unknown[]> {
+    (...args: Args): void;
+    cancel(): void;
+    flush(): void;
+}
+/** The returned function keeps one identity for the life of the component. */
+declare function useDebouncedCallback<Args extends unknown[]>(fn: (...args: Args) => void, ms: number): DebouncedCallback<Args>;
+
+export { type DebouncedCallback, type Debouncer, createDebouncer, useDebouncedCallback, useDebouncedValue };

package/dist/debounce.d.ts

@@ -0,0 +1,21 @@
+interface Debouncer<Args extends unknown[]> {
+    call(...args: Args): void;
+    cancel(): void;
+    /** Runs the pending call right now; does nothing when none is pending. */
+    flush(): void;
+    isPending(): boolean;
+}
+/** `getFn` and `getMs` are read at call time, so the latest values always win. */
+declare function createDebouncer<Args extends unknown[]>(getFn: () => (...args: Args) => void, getMs: () => number): Debouncer<Args>;
+
+declare function useDebouncedValue<T>(value: T, ms: number): T;
+
+interface DebouncedCallback<Args extends unknown[]> {
+    (...args: Args): void;
+    cancel(): void;
+    flush(): void;
+}
+/** The returned function keeps one identity for the life of the component. */
+declare function useDebouncedCallback<Args extends unknown[]>(fn: (...args: Args) => void, ms: number): DebouncedCallback<Args>;
+
+export { type DebouncedCallback, type Debouncer, createDebouncer, useDebouncedCallback, useDebouncedValue };

package/dist/debounce.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  createDebouncer,
+  useDebouncedCallback,
+  useDebouncedValue
+} from "./chunk-IWQDAJEP.js";
+export {
+  createDebouncer,
+  useDebouncedCallback,
+  useDebouncedValue
+};

package/dist/drawer-swipe.cjs

@@ -23,10 +23,12 @@ var drawer_swipe_exports = {};
 __export(drawer_swipe_exports, {
   BACK_ZONE_PX: () => BACK_ZONE_PX,
   CLOSE_DISTANCE_PX: () => CLOSE_DISTANCE_PX,
+  DEFAULT_IGNORE_SELECTOR: () => DEFAULT_IGNORE_SELECTOR,
   FORWARD_ZONE_PX: () => FORWARD_ZONE_PX,
   MAX_SWIPE_DURATION_MS: () => MAX_SWIPE_DURATION_MS,
   OPEN_DISTANCE_PX: () => OPEN_DISTANCE_PX,
   VERTICAL_CANCEL_PX: () => VERTICAL_CANCEL_PX,
+  isInIgnoredRegion: () => isInIgnoredRegion,
   isInOpenZone: () => isInOpenZone,
   isInsideHorizontalScroller: () => isInsideHorizontalScroller,
   resolveSwipeIntent: () => resolveSwipeIntent,
@@ -45,7 +47,8 @@ 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) {
+function resolveSwipeIntent(start, end, drawerOpen, viewportWidth, startedInIgnoredRegion = false) {
+  if (startedInIgnoredRegion) return null;
   const dx = end.x - start.x;
   const dy = end.y - start.y;
   if (end.time - start.time > MAX_SWIPE_DURATION_MS) return null;
@@ -67,6 +70,11 @@ function isInsideHorizontalScroller(target) {
   }
   return false;
 }
+var DEFAULT_IGNORE_SELECTOR = "[data-no-swipe]";
+function isInIgnoredRegion(target, selector) {
+  if (!selector || !(target instanceof Element)) return false;
+  return target.closest(selector) !== null;
+}
 
 // src/drawer-swipe/use-drawer-swipe.ts
 var import_react = require("react");
@@ -78,17 +86,19 @@ function useDrawerSwipe({
   onOpen,
   onClose,
   enabled = true,
-  maxViewportWidth = 768
+  maxViewportWidth = 768,
+  ignoreSelector = DEFAULT_IGNORE_SELECTOR
 }) {
   const start = (0, import_react.useRef)(null);
-  const handlers = (0, import_react.useRef)({ drawerOpen, onOpen, onClose, maxViewportWidth });
-  handlers.current = { drawerOpen, onOpen, onClose, maxViewportWidth };
+  const handlers = (0, import_react.useRef)({ drawerOpen, onOpen, onClose, maxViewportWidth, ignoreSelector });
+  handlers.current = { drawerOpen, onOpen, onClose, maxViewportWidth, ignoreSelector };
   (0, import_react.useEffect)(() => {
     if (!enabled) return;
     function handleStart(event) {
       start.current = null;
       if (event.touches.length !== 1) return;
       if (isWideViewport(handlers.current.maxViewportWidth)) return;
+      if (isInIgnoredRegion(event.target, handlers.current.ignoreSelector)) return;
       if (!handlers.current.drawerOpen && isInsideHorizontalScroller(event.target)) {
         return;
       }
@@ -138,10 +148,12 @@ function useDrawerSwipe({
 0 && (module.exports = {
   BACK_ZONE_PX,
   CLOSE_DISTANCE_PX,
+  DEFAULT_IGNORE_SELECTOR,
   FORWARD_ZONE_PX,
   MAX_SWIPE_DURATION_MS,
   OPEN_DISTANCE_PX,
   VERTICAL_CANCEL_PX,
+  isInIgnoredRegion,
   isInOpenZone,
   isInsideHorizontalScroller,
   resolveSwipeIntent,

package/dist/drawer-swipe.d.cts

@@ -11,8 +11,10 @@ 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 resolveSwipeIntent(start: SwipePoint, end: SwipePoint, drawerOpen: boolean, viewportWidth: number, startedInIgnoredRegion?: boolean): SwipeIntent;
 declare function isInsideHorizontalScroller(target: EventTarget | null): boolean;
+declare const DEFAULT_IGNORE_SELECTOR = "[data-no-swipe]";
+declare function isInIgnoredRegion(target: EventTarget | null, selector: string | null): boolean;
 
 type UseDrawerSwipeOptions = {
     drawerOpen: boolean;
@@ -20,7 +22,9 @@ type UseDrawerSwipeOptions = {
     onClose: () => void;
     enabled?: boolean;
     maxViewportWidth?: number;
+    /** Touches starting inside a match are ignored. Pass null to disable. */
+    ignoreSelector?: string | null;
 };
-declare function useDrawerSwipe({ drawerOpen, onOpen, onClose, enabled, maxViewportWidth, }: UseDrawerSwipeOptions): void;
+declare function useDrawerSwipe({ drawerOpen, onOpen, onClose, enabled, maxViewportWidth, ignoreSelector, }: UseDrawerSwipeOptions): void;
 
-export { BACK_ZONE_PX, CLOSE_DISTANCE_PX, FORWARD_ZONE_PX, MAX_SWIPE_DURATION_MS, OPEN_DISTANCE_PX, type SwipeIntent, type SwipePoint, type UseDrawerSwipeOptions, VERTICAL_CANCEL_PX, isInOpenZone, isInsideHorizontalScroller, resolveSwipeIntent, useDrawerSwipe };
+export { BACK_ZONE_PX, CLOSE_DISTANCE_PX, DEFAULT_IGNORE_SELECTOR, FORWARD_ZONE_PX, MAX_SWIPE_DURATION_MS, OPEN_DISTANCE_PX, type SwipeIntent, type SwipePoint, type UseDrawerSwipeOptions, VERTICAL_CANCEL_PX, isInIgnoredRegion, isInOpenZone, isInsideHorizontalScroller, resolveSwipeIntent, useDrawerSwipe };

package/dist/drawer-swipe.d.ts

@@ -11,8 +11,10 @@ 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 resolveSwipeIntent(start: SwipePoint, end: SwipePoint, drawerOpen: boolean, viewportWidth: number, startedInIgnoredRegion?: boolean): SwipeIntent;
 declare function isInsideHorizontalScroller(target: EventTarget | null): boolean;
+declare const DEFAULT_IGNORE_SELECTOR = "[data-no-swipe]";
+declare function isInIgnoredRegion(target: EventTarget | null, selector: string | null): boolean;
 
 type UseDrawerSwipeOptions = {
     drawerOpen: boolean;
@@ -20,7 +22,9 @@ type UseDrawerSwipeOptions = {
     onClose: () => void;
     enabled?: boolean;
     maxViewportWidth?: number;
+    /** Touches starting inside a match are ignored. Pass null to disable. */
+    ignoreSelector?: string | null;
 };
-declare function useDrawerSwipe({ drawerOpen, onOpen, onClose, enabled, maxViewportWidth, }: UseDrawerSwipeOptions): void;
+declare function useDrawerSwipe({ drawerOpen, onOpen, onClose, enabled, maxViewportWidth, ignoreSelector, }: UseDrawerSwipeOptions): void;
 
-export { BACK_ZONE_PX, CLOSE_DISTANCE_PX, FORWARD_ZONE_PX, MAX_SWIPE_DURATION_MS, OPEN_DISTANCE_PX, type SwipeIntent, type SwipePoint, type UseDrawerSwipeOptions, VERTICAL_CANCEL_PX, isInOpenZone, isInsideHorizontalScroller, resolveSwipeIntent, useDrawerSwipe };
+export { BACK_ZONE_PX, CLOSE_DISTANCE_PX, DEFAULT_IGNORE_SELECTOR, FORWARD_ZONE_PX, MAX_SWIPE_DURATION_MS, OPEN_DISTANCE_PX, type SwipeIntent, type SwipePoint, type UseDrawerSwipeOptions, VERTICAL_CANCEL_PX, isInIgnoredRegion, isInOpenZone, isInsideHorizontalScroller, resolveSwipeIntent, useDrawerSwipe };

package/dist/drawer-swipe.js

@@ -1,112 +1,27 @@
 "use client";
-
-// 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]);
-}
+import {
+  BACK_ZONE_PX,
+  CLOSE_DISTANCE_PX,
+  DEFAULT_IGNORE_SELECTOR,
+  FORWARD_ZONE_PX,
+  MAX_SWIPE_DURATION_MS,
+  OPEN_DISTANCE_PX,
+  VERTICAL_CANCEL_PX,
+  isInIgnoredRegion,
+  isInOpenZone,
+  isInsideHorizontalScroller,
+  resolveSwipeIntent,
+  useDrawerSwipe
+} from "./chunk-5XRVPZHD.js";
 export {
   BACK_ZONE_PX,
   CLOSE_DISTANCE_PX,
+  DEFAULT_IGNORE_SELECTOR,
   FORWARD_ZONE_PX,
   MAX_SWIPE_DURATION_MS,
   OPEN_DISTANCE_PX,
   VERTICAL_CANCEL_PX,
+  isInIgnoredRegion,
   isInOpenZone,
   isInsideHorizontalScroller,
   resolveSwipeIntent,

package/dist/escape.cjs

@@ -35,6 +35,7 @@ function useEscape(onEscape, active = true) {
   (0, import_react.useEffect)(() => {
     if (!active) return;
     function onKeyDown(event) {
+      if (event.isComposing || event.keyCode === 229) return;
       if (event.key === "Escape") handlerRef.current();
     }
     document.addEventListener("keydown", onKeyDown);