@journ/lift 0.2.0 → 0.3.0

package/README.md

@@ -1,6 +1,6 @@
 # @journ/lift
 
-React hooks for state, timing and browser APIs, built on fitter-happier. Hooks marked * read `window`, `document` or `navigator` and need a browser; the others run anywhere React does.
+React hooks for state and timing, built on fitter-happier. None touch `window`, `document` or `navigator`, so they run in browsers, React Native and Wails webviews. Hooks that need the DOM are in `@journ/lift-dom`.
 
 ## Install
 
@@ -33,39 +33,19 @@ function Search({ query }: { query: string }) {
 }
 ```
 
-| Entry                                   | Exports                                                                | Notes                                                                     |
-| --------------------------------------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------- |
-| `@journ/lift/use-battery`               | `useBattery()`                                                         | Battery level and charging state *                                        |
-| `@journ/lift/use-browser`               | `useBrowser()`, `getBrowserVersion()`                                  | The detected browser and its major version *                              |
-| `@journ/lift/use-callback-ref`          | `useCallbackRef(fn)`                                                   | A stable callback that always calls the latest `fn`                       |
-| `@journ/lift/use-controllable-state`    | `useControllableState(value, defaultValue, onChange)`                  |                                                                           |
-| `@journ/lift/use-debounce-state`        | `useDebouncedState(initial, wait, options)`                            | State whose setter debounces updates *                                    |
-| `@journ/lift/use-debounced-callback`    | `useDebouncedCallback(fn, delayOrOptions)`                             | A debounced `fn` with `flush`, `cancel` and `isPending` *                 |
-| `@journ/lift/use-debounced-value`       | `useDebouncedValue(value, delay)`                                      |                                                                           |
-| `@journ/lift/use-did-update`            | `useDidUpdate(effect, deps)`                                           | An effect that skips the first run                                        |
-| `@journ/lift/use-disclosure`            | `useDisclosure(initial, options)`                                      | Open, close and toggle state with `onOpen` and `onClose`                  |
-| `@journ/lift/use-draft`                 | `useDraft`                                                             | Text typed freely that becomes a value on commit                          |
-| `@journ/lift/use-haptic`                | `useHaptic`, `useHapticsConfirm`, `useHapticsError`, `supportsHaptics` | Vibration and iOS haptic feedback *                                       |
-| `@journ/lift/use-headroom`              | `useHeadroom(options)`                                                 | Pinned state and scroll progress for a header that hides on scroll down * |
-| `@journ/lift/use-idle-queue`            | `useIdleQueue(options)`                                                | A queue that runs tasks while the browser is idle *                       |
-| `@journ/lift/use-intersection-observer` | `useIntersectionObserver(options)`                                     | Whether an element intersects the viewport *                              |
-| `@journ/lift/use-isomorphic-effect`     | `useIsomorphicEffect`                                                  | `useLayoutEffect` in the browser, `useEffect` on the server *             |
-| `@journ/lift/use-keybindings`           | `useKeybindings(map, target, options)`                                 | Keyboard shortcuts and key sequences *                                    |
-| `@journ/lift/use-local-storage`         | `useLocalStorage`, `useSessionStorage`                                 | State synced with web storage *                                           |
-| `@journ/lift/use-logger`                | `useLogger(name, props)`                                               | Logs mount, update and unmount                                            |
-| `@journ/lift/use-long-press`            | `useLongPress(onLongPress, disabled)`                                  | Pointer handlers that fire after a 500 ms hold                            |
-| `@journ/lift/use-map`                   | `useMap(entries)`                                                      | A `Map` that re-renders on change                                         |
-| `@journ/lift/use-measure`               | `useMeasure()`                                                         | Element width and height *                                                |
-| `@journ/lift/use-media-query`           | `useMediaQuery(query)`, `useBreakpoint(name)`, `breakpoints`           | A media query match *                                                     |
-| `@journ/lift/use-mouse`                 | `useMouse(options)`, `useMousePosition()`                              | Pointer position, relative to an element or the window *                  |
-| `@journ/lift/use-network`               | `useNetwork()`                                                         | Online state and connection details *                                     |
-| `@journ/lift/use-page-leave`            | `usePageLeave(fn)`                                                     | Calls `fn` when the pointer leaves the page *                             |
-| `@journ/lift/use-pagination`            | `usePagination(options)`, `DOTS`                                       | Page ranges with siblings and boundaries                                  |
-| `@journ/lift/use-reduced-motion`        | `useReducedMotion()`                                                   | The `prefers-reduced-motion` media query *                                |
-| `@journ/lift/use-scroll-direction`      | `useScrollDirection()`                                                 | `up`, `down` or `unknown` *                                               |
-| `@journ/lift/use-uncontrolled`          | `useUncontrolled(options)`                                             | Controlled or uncontrolled value with a change handler                    |
-| `@journ/lift/use-validated-state`       | `useValidatedState(initial, validate)`                                 | A value with its validity and last valid value                            |
-| `@journ/lift/use-window-event`          | `useWindowEvent(type, listener, options)`                              | A window event listener that never goes stale *                           |
-| `@journ/lift/use-window-scroll`         | `useWindowScroll()`                                                    | Window scroll position and a smooth `scrollTo` *                          |
-| `@journ/lift/required-context`          | `createRequiredContext(owner)`                                         | a context whose hook throws outside it                                    |
-| `@journ/lift/prefers-reduced-motion`    | `prefersReducedMotion()`                                               |                                                                           |
+| Entry                                | Exports                                               | Notes                                                    |
+| ------------------------------------ | ----------------------------------------------------- | -------------------------------------------------------- |
+| `@journ/lift/use-callback-ref`       | `useCallbackRef(fn)`                                  | A stable callback that always calls the latest `fn`      |
+| `@journ/lift/use-controllable-state` | `useControllableState(value, defaultValue, onChange)` |                                                          |
+| `@journ/lift/use-debounce-state`     | `useDebouncedState(initial, wait, options)`           | State whose setter debounces updates                     |
+| `@journ/lift/use-debounced-callback` | `useDebouncedCallback(fn, delayOrOptions)`            | A debounced `fn` with `flush`, `cancel` and `isPending`  |
+| `@journ/lift/use-debounced-value`    | `useDebouncedValue(value, delay)`                     |                                                          |
+| `@journ/lift/use-did-update`         | `useDidUpdate(effect, deps)`                          | An effect that skips the first run                       |
+| `@journ/lift/use-disclosure`         | `useDisclosure(initial, options)`                     | Open, close and toggle state with `onOpen` and `onClose` |
+| `@journ/lift/use-draft`              | `useDraft`                                            | Text typed freely that becomes a value on commit         |
+| `@journ/lift/use-map`                | `useMap(entries)`                                     | A `Map` that re-renders on change                        |
+| `@journ/lift/use-pagination`         | `usePagination(options)`, `DOTS`                      | Page ranges with siblings and boundaries                 |
+| `@journ/lift/use-uncontrolled`       | `useUncontrolled(options)`                            | Controlled or uncontrolled value with a change handler   |
+| `@journ/lift/use-validated-state`    | `useValidatedState(initial, validate)`                | A value with its validity and last valid value           |
+| `@journ/lift/required-context`       | `createRequiredContext(owner)`                        | a context whose hook throws outside it                   |
+| `@journ/lift/prefers-reduced-motion` | `prefersReducedMotion()`                              |                                                          |

package/dist/prefers-reduced-motion.js

@@ -1,4 +1,4 @@
 //#region src/prefers-reduced-motion.ts
-const prefersReducedMotion = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
+const prefersReducedMotion = () => globalThis.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
 //#endregion
 export { prefersReducedMotion };

package/dist/use-debounce-state.js

@@ -4,16 +4,16 @@ const useDebouncedState = (defaultValue, wait, { leading = false } = {}) => {
 	const [value, setValue] = useState(defaultValue);
 	const timeoutRef = useRef(void 0);
 	const leadingRef = useRef(true);
-	const cancel = useCallback(() => window.clearTimeout(timeoutRef.current), []);
+	const cancel = useCallback(() => clearTimeout(timeoutRef.current), []);
 	useEffect(() => cancel, [cancel]);
 	return [value, useCallback((newValue) => {
 		cancel();
 		if (leadingRef.current && leading) {
 			setValue(newValue);
-			timeoutRef.current = window.setTimeout(() => {
+			timeoutRef.current = setTimeout(() => {
 				leadingRef.current = true;
 			}, wait);
-		} else timeoutRef.current = window.setTimeout(() => {
+		} else timeoutRef.current = setTimeout(() => {
 			leadingRef.current = true;
 			setValue(newValue);
 		}, wait);

package/dist/use-debounced-callback.js

@@ -8,8 +8,8 @@ const createDebounced = (run, { delay, leading, maxWait }) => {
 	let isFirstCall = true;
 	let pending = false;
 	const cancel = () => {
-		window.clearTimeout(debounceTimer);
-		window.clearTimeout(maxWaitTimer);
+		clearTimeout(debounceTimer);
+		clearTimeout(maxWaitTimer);
 		debounceTimer = void 0;
 		maxWaitTimer = void 0;
 		isFirstCall = true;
@@ -23,19 +23,19 @@ const createDebounced = (run, { delay, leading, maxWait }) => {
 		}
 	};
 	const startMaxWait = () => {
-		if (maxWait !== void 0 && maxWaitTimer === void 0) maxWaitTimer = window.setTimeout(flush, maxWait);
+		if (maxWait !== void 0 && maxWaitTimer === void 0) maxWaitTimer = setTimeout(flush, maxWait);
 	};
 	const debounced = (...args) => {
-		window.clearTimeout(debounceTimer);
+		clearTimeout(debounceTimer);
 		latestArgs = args;
 		const isLeadingCall = leading && isFirstCall;
 		isFirstCall = false;
 		if (isLeadingCall) {
 			run(...args);
-			debounceTimer = window.setTimeout(cancel, delay);
+			debounceTimer = setTimeout(cancel, delay);
 		} else {
 			pending = true;
-			debounceTimer = window.setTimeout(leading ? cancel : flush, delay);
+			debounceTimer = setTimeout(leading ? cancel : flush, delay);
 		}
 		startMaxWait();
 	};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@journ/lift",
-  "version": "0.2.0",
-  "description": "React hooks for state, timing and browser APIs, built on fitter-happier. Hooks that read window, document or navigator are marked in the README.",
+  "version": "0.3.0",
+  "description": "React hooks for state and timing, built on fitter-happier. No DOM access, so they run in browsers, React Native and Wails webviews. Hooks that need window, document or navigator are in @journ/lift-dom.",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -24,16 +24,6 @@
       "types": "./dist/required-context.d.ts",
       "default": "./dist/required-context.js"
     },
-    "./use-battery": {
-      "@journ/source": "./src/use-battery.ts",
-      "types": "./dist/use-battery.d.ts",
-      "default": "./dist/use-battery.js"
-    },
-    "./use-browser": {
-      "@journ/source": "./src/use-browser.ts",
-      "types": "./dist/use-browser.d.ts",
-      "default": "./dist/use-browser.js"
-    },
     "./use-callback-ref": {
       "@journ/source": "./src/use-callback-ref.ts",
       "types": "./dist/use-callback-ref.d.ts",
@@ -74,96 +64,16 @@
       "types": "./dist/use-draft.d.ts",
       "default": "./dist/use-draft.js"
     },
-    "./use-haptic": {
-      "@journ/source": "./src/use-haptic.ts",
-      "types": "./dist/use-haptic.d.ts",
-      "default": "./dist/use-haptic.js"
-    },
-    "./use-headroom": {
-      "@journ/source": "./src/use-headroom.ts",
-      "types": "./dist/use-headroom.d.ts",
-      "default": "./dist/use-headroom.js"
-    },
-    "./use-idle-queue": {
-      "@journ/source": "./src/use-idle-queue.ts",
-      "types": "./dist/use-idle-queue.d.ts",
-      "default": "./dist/use-idle-queue.js"
-    },
-    "./use-intersection-observer": {
-      "@journ/source": "./src/use-intersection-observer.ts",
-      "types": "./dist/use-intersection-observer.d.ts",
-      "default": "./dist/use-intersection-observer.js"
-    },
-    "./use-isomorphic-effect": {
-      "@journ/source": "./src/use-isomorphic-effect.ts",
-      "types": "./dist/use-isomorphic-effect.d.ts",
-      "default": "./dist/use-isomorphic-effect.js"
-    },
-    "./use-keybindings": {
-      "@journ/source": "./src/use-keybindings.ts",
-      "types": "./dist/use-keybindings.d.ts",
-      "default": "./dist/use-keybindings.js"
-    },
-    "./use-local-storage": {
-      "@journ/source": "./src/use-local-storage.ts",
-      "types": "./dist/use-local-storage.d.ts",
-      "default": "./dist/use-local-storage.js"
-    },
-    "./use-logger": {
-      "@journ/source": "./src/use-logger.ts",
-      "types": "./dist/use-logger.d.ts",
-      "default": "./dist/use-logger.js"
-    },
-    "./use-long-press": {
-      "@journ/source": "./src/use-long-press.ts",
-      "types": "./dist/use-long-press.d.ts",
-      "default": "./dist/use-long-press.js"
-    },
     "./use-map": {
       "@journ/source": "./src/use-map.ts",
       "types": "./dist/use-map.d.ts",
       "default": "./dist/use-map.js"
     },
-    "./use-measure": {
-      "@journ/source": "./src/use-measure.ts",
-      "types": "./dist/use-measure.d.ts",
-      "default": "./dist/use-measure.js"
-    },
-    "./use-media-query": {
-      "@journ/source": "./src/use-media-query.ts",
-      "types": "./dist/use-media-query.d.ts",
-      "default": "./dist/use-media-query.js"
-    },
-    "./use-mouse": {
-      "@journ/source": "./src/use-mouse.ts",
-      "types": "./dist/use-mouse.d.ts",
-      "default": "./dist/use-mouse.js"
-    },
-    "./use-network": {
-      "@journ/source": "./src/use-network.ts",
-      "types": "./dist/use-network.d.ts",
-      "default": "./dist/use-network.js"
-    },
-    "./use-page-leave": {
-      "@journ/source": "./src/use-page-leave.ts",
-      "types": "./dist/use-page-leave.d.ts",
-      "default": "./dist/use-page-leave.js"
-    },
     "./use-pagination": {
       "@journ/source": "./src/use-pagination.ts",
       "types": "./dist/use-pagination.d.ts",
       "default": "./dist/use-pagination.js"
     },
-    "./use-reduced-motion": {
-      "@journ/source": "./src/use-reduced-motion.ts",
-      "types": "./dist/use-reduced-motion.d.ts",
-      "default": "./dist/use-reduced-motion.js"
-    },
-    "./use-scroll-direction": {
-      "@journ/source": "./src/use-scroll-direction.ts",
-      "types": "./dist/use-scroll-direction.d.ts",
-      "default": "./dist/use-scroll-direction.js"
-    },
     "./use-uncontrolled": {
       "@journ/source": "./src/use-uncontrolled.ts",
       "types": "./dist/use-uncontrolled.d.ts",
@@ -174,23 +84,13 @@
       "types": "./dist/use-validated-state.d.ts",
       "default": "./dist/use-validated-state.js"
     },
-    "./use-window-event": {
-      "@journ/source": "./src/use-window-event.ts",
-      "types": "./dist/use-window-event.d.ts",
-      "default": "./dist/use-window-event.js"
-    },
-    "./use-window-scroll": {
-      "@journ/source": "./src/use-window-scroll.ts",
-      "types": "./dist/use-window-scroll.d.ts",
-      "default": "./dist/use-window-scroll.js"
-    },
     "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@journ/fitter-happier": "0.2.0"
+    "@journ/fitter-happier": "0.3.0"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/dist/env-C0PNnbwt.js

@@ -1,4 +0,0 @@
-//#region src/lib/env.ts
-const isServerSide = () => typeof window === "undefined";
-//#endregion
-export { isServerSide as t };

package/dist/logger-Dse1660l.js

@@ -1,33 +0,0 @@
-//#region src/lib/logger.ts
-const isProduction = () => {
-	const env = import.meta.env;
-	if (typeof env?.PROD === "boolean") return env.PROD;
-	return globalThis.process?.env?.NODE_ENV === "production";
-};
-const createLogger = () => {
-	const shouldLog = (level) => {
-		if (isProduction()) return level === "error";
-		return true;
-	};
-	const error = (...args) => {
-		if (shouldLog("error")) console.error(...args);
-	};
-	const warn = (...args) => {
-		if (shouldLog("warn")) console.warn(...args);
-	};
-	const info = (...args) => {
-		if (shouldLog("info")) console.info(...args);
-	};
-	const log = (...args) => {
-		if (shouldLog("log")) console.log(...args);
-	};
-	return {
-		error,
-		warn,
-		info,
-		log
-	};
-};
-const logger = createLogger();
-//#endregion
-export { logger as t };

package/dist/try-catch-D4d3N9_W.js

@@ -1,29 +0,0 @@
-//#region src/lib/try-catch.ts
-const tryCatch = async (promise) => {
-	try {
-		return {
-			success: true,
-			data: await promise
-		};
-	} catch (error) {
-		return {
-			success: false,
-			error
-		};
-	}
-};
-const tryCatchSync = (fn) => {
-	try {
-		return {
-			success: true,
-			data: fn()
-		};
-	} catch (error) {
-		return {
-			success: false,
-			error
-		};
-	}
-};
-//#endregion
-export { tryCatchSync as n, tryCatch as t };

package/dist/use-battery.d.ts

@@ -1,12 +0,0 @@
-//#region src/use-battery.d.ts
-type BatteryState = {
-  supported: boolean;
-  loading: boolean;
-  level: number | null;
-  charging: boolean | null;
-  chargingTime: number | null;
-  dischargingTime: number | null;
-};
-declare const useBattery: () => BatteryState;
-//#endregion
-export { type BatteryState, useBattery };

package/dist/use-battery.js

@@ -1,64 +0,0 @@
-import { t as tryCatch } from "./try-catch-D4d3N9_W.js";
-import { useEffect, useState, useSyncExternalStore } from "react";
-//#region src/use-battery.ts
-const BATTERY_EVENTS = [
-	"levelchange",
-	"chargingchange",
-	"chargingtimechange",
-	"dischargingtimechange"
-];
-const INITIAL_STATE = {
-	supported: true,
-	loading: true,
-	level: null,
-	charging: null,
-	chargingTime: null,
-	dischargingTime: null
-};
-const UNSUPPORTED_STATE = {
-	...INITIAL_STATE,
-	supported: false,
-	loading: false
-};
-const readBattery = (battery) => ({
-	supported: true,
-	loading: false,
-	level: battery.level,
-	charging: battery.charging,
-	chargingTime: battery.chargingTime,
-	dischargingTime: battery.dischargingTime
-});
-const subscribeNever = () => () => {};
-const hasBatteryApi = () => "getBattery" in navigator;
-const useBattery = () => {
-	const supported = useSyncExternalStore(subscribeNever, hasBatteryApi, () => true);
-	const [state, setState] = useState(INITIAL_STATE);
-	useEffect(() => {
-		const nav = navigator;
-		if (!nav.getBattery) return;
-		const getBattery = nav.getBattery.bind(nav);
-		let cancelled = false;
-		let detach = () => {};
-		tryCatch(new Promise((resolve) => resolve(getBattery()))).then((result) => {
-			if (cancelled) return;
-			if (!result.success) {
-				setState(UNSUPPORTED_STATE);
-				return;
-			}
-			const battery = result.data;
-			const update = () => setState(readBattery(battery));
-			update();
-			for (const event of BATTERY_EVENTS) battery.addEventListener(event, update);
-			detach = () => {
-				for (const event of BATTERY_EVENTS) battery.removeEventListener(event, update);
-			};
-		});
-		return () => {
-			cancelled = true;
-			detach();
-		};
-	}, []);
-	return supported ? state : UNSUPPORTED_STATE;
-};
-//#endregion
-export { useBattery };

package/dist/use-browser.d.ts

@@ -1,6 +0,0 @@
-//#region src/use-browser.d.ts
-type Browser = "undetermined" | "chrome" | "firefox" | "safari" | "edge" | "opera" | "ie" | "other";
-declare const getBrowserVersion: () => string | null;
-declare const useBrowser: () => Browser;
-//#endregion
-export { type Browser, getBrowserVersion, useBrowser };

package/dist/use-browser.js

@@ -1,51 +0,0 @@
-import { t as isServerSide } from "./env-C0PNnbwt.js";
-import { useSyncExternalStore } from "react";
-//#region src/use-browser.ts
-const matchers = [
-	{
-		browser: "edge",
-		detect: /Edge\/([0-9]+)/i,
-		version: /Edge\/([0-9]+)/i
-	},
-	{
-		browser: "chrome",
-		detect: /(?!Chrom.*OPR)Chrom(?:e|ium)\/([0-9]+)/i,
-		version: /Chrom(?:e|ium)\/([0-9]+)/i
-	},
-	{
-		browser: "firefox",
-		detect: /Firefox\/([0-9]+)/i,
-		version: /Firefox\/([0-9]+)/i
-	},
-	{
-		browser: "safari",
-		detect: /^((?!chrome|android).)*safari/i,
-		version: /Version\/([0-9]+)/i
-	},
-	{
-		browser: "opera",
-		detect: /(OPR|Opera)\/([0-9]+)/i,
-		version: /(?:OPR|Opera)\/([0-9]+)/i
-	},
-	{
-		browser: "ie",
-		detect: /MSIE|Trident/i,
-		version: /(?:MSIE |rv:)([0-9]+)/i
-	}
-];
-const detectBrowser = (userAgent) => matchers.find(({ detect }) => detect.test(userAgent));
-const getBrowser = () => {
-	if (isServerSide()) return "undetermined";
-	return detectBrowser(window.navigator.userAgent)?.browser ?? "other";
-};
-const getBrowserVersion = () => {
-	if (isServerSide()) return null;
-	const { userAgent } = window.navigator;
-	const matcher = detectBrowser(userAgent);
-	return matcher ? userAgent.match(matcher.version)?.[1] ?? null : null;
-};
-const subscribe = () => () => {};
-const getServerSnapshot = () => "undetermined";
-const useBrowser = () => useSyncExternalStore(subscribe, getBrowser, getServerSnapshot);
-//#endregion
-export { getBrowserVersion, useBrowser };

package/dist/use-haptic.d.ts

@@ -1,8 +0,0 @@
-//#region src/use-haptic.d.ts
-type Duration = number | number[];
-declare const supportsHaptics: boolean;
-declare const useHaptic: () => ((duration?: Duration) => void);
-declare const useHapticsError: () => (() => void);
-declare const useHapticsConfirm: () => (() => void);
-//#endregion
-export { supportsHaptics, useHaptic, useHapticsConfirm, useHapticsError };

package/dist/use-haptic.js

@@ -1,84 +0,0 @@
-import { n as tryCatchSync } from "./try-catch-D4d3N9_W.js";
-import { t as isServerSide } from "./env-C0PNnbwt.js";
-import { t as logger } from "./logger-Dse1660l.js";
-import { useCallback, useEffect, useRef } from "react";
-//#region src/use-haptic.ts
-const supportsVibrate = () => typeof navigator !== "undefined" && "vibrate" in navigator;
-const supportsIOSSwitch = () => {
-	if (typeof document === "undefined") return false;
-	const result = tryCatchSync(() => {
-		const input = document.createElement("input");
-		input.setAttribute("switch", "");
-		return input.getAttribute("switch") !== null;
-	});
-	return result.success && result.data;
-};
-const supportsHaptics = !isServerSide() && (supportsVibrate() || supportsIOSSwitch());
-const logFailure = (label, fn) => {
-	const result = tryCatchSync(fn);
-	if (!result.success) logger.error(label, result.error);
-};
-const appendHidden = (tag) => {
-	const element = document.createElement(tag);
-	Object.assign(element.style, {
-		position: "absolute",
-		opacity: "0",
-		pointerEvents: "none"
-	});
-	document.body.appendChild(element);
-	return element;
-};
-const triggerIOSHaptic = () => logFailure("Error triggering iOS haptic:", () => {
-	const id = `_h${Math.random().toString(36).slice(2)}`;
-	const input = appendHidden("input");
-	input.type = "checkbox";
-	input.id = id;
-	input.setAttribute("switch", "");
-	const label = appendHidden("label");
-	label.htmlFor = id;
-	label.click();
-	label.remove();
-	input.remove();
-});
-const dispatchHaptic = (duration = 50) => {
-	if (supportsVibrate()) {
-		navigator.vibrate(duration);
-		return;
-	}
-	if (Array.isArray(duration)) {
-		for (const d of duration) setTimeout(triggerIOSHaptic, Math.max(d, 101));
-		return;
-	}
-	triggerIOSHaptic();
-};
-const useHaptic = () => dispatchHaptic;
-const useHapticsError = () => {
-	const triggerHaptic = useHaptic();
-	const timerIds = useRef([]);
-	useEffect(() => () => {
-		for (const id of timerIds.current) clearTimeout(id);
-		timerIds.current = [];
-	}, []);
-	return useCallback(() => logFailure("Error triggering error haptic:", () => {
-		if (supportsVibrate()) {
-			triggerHaptic([
-				40,
-				60,
-				40,
-				60,
-				40,
-				60,
-				40
-			]);
-			return;
-		}
-		triggerHaptic();
-		timerIds.current.push(setTimeout(() => triggerHaptic(), 100), setTimeout(() => triggerHaptic(), 200), setTimeout(() => triggerHaptic(), 300));
-	}), [triggerHaptic]);
-};
-const useHapticsConfirm = () => {
-	const triggerHaptic = useHaptic();
-	return useCallback(() => logFailure("Error triggering confirm haptic:", () => triggerHaptic([100])), [triggerHaptic]);
-};
-//#endregion
-export { supportsHaptics, useHaptic, useHapticsConfirm, useHapticsError };

package/dist/use-headroom.d.ts

@@ -1,18 +0,0 @@
-//#region src/use-headroom.d.ts
-type UseHeadroomInput = {
-  fixedAt?: number;
-  scrollDistance?: number;
-  onPin?: () => void;
-  onFix?: () => void;
-  onRelease?: () => void;
-};
-type UseHeadroomReturnValue = {
-  pinned: boolean;
-  scrollProgress: number;
-};
-declare const isFixed: (current: number, fixedAt: number) => boolean;
-declare const isPinned: (current: number, previous: number) => boolean;
-declare const isReleased: (current: number, previous: number, fixedAt: number) => boolean;
-declare const useHeadroom: ({ fixedAt, scrollDistance, onPin, onFix, onRelease }?: UseHeadroomInput) => UseHeadroomReturnValue;
-//#endregion
-export { type UseHeadroomInput, type UseHeadroomReturnValue, isFixed, isPinned, isReleased, useHeadroom };