@ox0/hooks 0.2.1 → 0.3.0

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export * from "./use-hover";
 export * from "./use-interval";
 export * from "./use-key-down";
 export * from "./use-stored-state";
+export * from "./use-search-history";
 export * from "./use-long-press";
 export * from "./use-press";
 export * from "./use-media-query";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA"}

package/dist/index.js

@@ -1,8 +1,7 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__react_aria_interactions_8422cce9__ from "@react-aria/interactions";
+import { createContext, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 function useBeforeUnloadWarning(enabled) {
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (!enabled || "undefined" == typeof window) return;
+    useEffect(()=>{
+        if (!enabled || "u" < typeof window) return;
         const handle = (event)=>{
             event.preventDefault();
             event.returnValue = "";
@@ -16,7 +15,7 @@ function useBeforeUnloadWarning(enabled) {
 const MOBILE_MAX = 767;
 const TABLET_MAX = 1023;
 function getBreakpoint() {
-    if ("undefined" == typeof window) return "desktop";
+    if ("u" < typeof window) return "desktop";
     if (window.matchMedia(`(max-width: ${MOBILE_MAX}px)`).matches) return "mobile";
     if (window.matchMedia(`(max-width: ${TABLET_MAX}px)`).matches) return "tablet";
     return "desktop";
@@ -32,9 +31,9 @@ function toState(breakpoint) {
     };
 }
 function useBreakpoint() {
-    const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>toState(getBreakpoint()));
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if ("undefined" == typeof window) return;
+    const [state, setState] = useState(()=>toState(getBreakpoint()));
+    useEffect(()=>{
+        if ("u" < typeof window) return;
         const mobileQuery = window.matchMedia(`(max-width: ${MOBILE_MAX}px)`);
         const tabletQuery = window.matchMedia(`(max-width: ${TABLET_MAX}px)`);
         const handleChange = ()=>{
@@ -54,12 +53,12 @@ function useBreakpoint() {
     return state;
 }
 function useContainerSize() {
-    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const [size, setSize] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
+    const ref = useRef(null);
+    const [size, setSize] = useState({
         width: 0,
         height: 0
     });
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         const el = ref.current;
         if (!el) return;
         const observer = new ResizeObserver((entries)=>{
@@ -84,10 +83,10 @@ function useContainerSize() {
 }
 function useControllableState(options) {
     const { defaultValue, onChange, value } = options;
-    const [uncontrolledValue, setUncontrolledValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(defaultValue);
+    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
     const isControlled = void 0 !== value;
     const currentValue = void 0 !== value ? value : uncontrolledValue;
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         if (!isControlled) setUncontrolledValue(defaultValue);
     }, [
         defaultValue,
@@ -103,12 +102,12 @@ function useControllableState(options) {
     ];
 }
 function useCopyToClipboard(resetMs = 2000) {
-    const [copied, setCopied] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
-    const timerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>()=>{
+    const [copied, setCopied] = useState(false);
+    const timerRef = useRef(null);
+    useEffect(()=>()=>{
             if (null !== timerRef.current) clearTimeout(timerRef.current);
         }, []);
-    const copy = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(async (text)=>{
+    const copy = useCallback(async (text)=>{
         try {
             await navigator.clipboard.writeText(text);
             setCopied(true);
@@ -124,8 +123,8 @@ function useCopyToClipboard(resetMs = 2000) {
     };
 }
 function useDebouncedValue(value, delay = 200) {
-    const [debouncedValue, setDebouncedValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(value);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(()=>{
         const timeoutId = window.setTimeout(()=>{
             setDebouncedValue(value);
         }, delay);
@@ -139,21 +138,18 @@ function useDebouncedValue(value, delay = 200) {
     return debouncedValue;
 }
 function useDeferredPresence(isPresent, { delayMs, exitMs, minimumVisibleMs }) {
-    const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
+    const [state, setState] = useState({
         phase: "hidden"
     });
-    const timerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(void 0);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const timerRef = useRef(void 0);
+    useEffect(()=>{
         clearTimeout(timerRef.current);
         if (isPresent) {
             if ("visible" === state.phase) return;
-            if ("exiting" === state.phase) {
-                setState({
-                    phase: "visible",
-                    shownAt: state.shownAt
-                });
-                return;
-            }
+            if ("exiting" === state.phase) return void setState({
+                phase: "visible",
+                shownAt: state.shownAt
+            });
             timerRef.current = window.setTimeout(()=>{
                 setState({
                     phase: "visible",
@@ -183,14 +179,14 @@ function useDeferredPresence(isPresent, { delayMs, exitMs, minimumVisibleMs }) {
     return state.phase;
 }
 function useDisclosure(initialOpen = false) {
-    const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(initialOpen);
-    const onClose = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+    const [isOpen, setIsOpen] = useState(initialOpen);
+    const onClose = useCallback(()=>{
         setIsOpen(false);
     }, []);
-    const onOpen = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+    const onOpen = useCallback(()=>{
         setIsOpen(true);
     }, []);
-    const onToggle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+    const onToggle = useCallback(()=>{
         setIsOpen((value)=>!value);
     }, []);
     return {
@@ -201,13 +197,13 @@ function useDisclosure(initialOpen = false) {
     };
 }
 function useEventListener(type, listener, target) {
-    const listenerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(listener);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const listenerRef = useRef(listener);
+    useEffect(()=>{
         listenerRef.current = listener;
     }, [
         listener
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         const el = void 0 === target ? window : target && "current" in target ? target.current : target;
         if (!el) return;
         const handler = (e)=>listenerRef.current(e);
@@ -219,9 +215,9 @@ function useEventListener(type, listener, target) {
     ]);
 }
 function useHover() {
-    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const [hovered, setHovered] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const ref = useRef(null);
+    const [hovered, setHovered] = useState(false);
+    useEffect(()=>{
         const el = ref.current;
         if (!el) return;
         const enter = ()=>setHovered(true);
@@ -239,13 +235,13 @@ function useHover() {
     ];
 }
 function useInterval(callback, delay) {
-    const callbackRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(callback);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const callbackRef = useRef(callback);
+    useEffect(()=>{
         callbackRef.current = callback;
     }, [
         callback
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         if (null === delay) return;
         const id = window.setInterval(()=>callbackRef.current(), delay);
         return ()=>window.clearInterval(id);
@@ -254,13 +250,13 @@ function useInterval(callback, delay) {
     ]);
 }
 function useKeyDown(key, callback, { ctrl = false, meta = false, shift = false, alt = false, enabled = true } = {}) {
-    const callbackRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(callback);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const callbackRef = useRef(callback);
+    useEffect(()=>{
         callbackRef.current = callback;
     }, [
         callback
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         if (!enabled) return;
         const handler = (e)=>{
             if (e.key !== key) return;
@@ -302,7 +298,7 @@ function tabNotify(key, value) {
 const crossTabSubscribers = new Map();
 let broadcastChannel = null;
 function getChannel() {
-    if ("undefined" == typeof window || "undefined" == typeof BroadcastChannel) return null;
+    if ("u" < typeof window || "u" < typeof BroadcastChannel) return null;
     if (!broadcastChannel) {
         broadcastChannel = new BroadcastChannel("ox0:storage");
         broadcastChannel.addEventListener("message", (e)=>{
@@ -326,7 +322,7 @@ function crossTabSubscribe(key, fn) {
     };
 }
 function getTabId() {
-    if ("undefined" == typeof sessionStorage) return instanceId;
+    if ("u" < typeof sessionStorage) return instanceId;
     const existing = sessionStorage.getItem("ox0:tab-id");
     if (existing) return existing;
     const next = `${Date.now()}-${Math.random().toString(16).slice(2)}`;
@@ -334,7 +330,7 @@ function getTabId() {
     return next;
 }
 function getStorage(kind) {
-    if ("undefined" == typeof window) return null;
+    if ("u" < typeof window) return null;
     return "persistent" === kind ? window.localStorage : window.sessionStorage;
 }
 function makeStorageKey(key, kind, shared, scope) {
@@ -354,7 +350,7 @@ function readSafe(raw, parser, defaultValue, version, migrate) {
             migrated: false
         };
         if (parsed.v !== version) return migrate ? {
-            value: migrate(parsed.value, parsed.v),
+            value: parser.parse(migrate(parsed.value, parsed.v)),
             migrated: true
         } : {
             value: defaultValue,
@@ -382,49 +378,49 @@ function writeStorage(storage, key, value, version) {
     } catch  {}
     return raw;
 }
-const StorageScopeContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)(void 0);
+const StorageScopeContext = createContext(void 0);
 function StorageProvider({ scope, children }) {
-    return (0, __WEBPACK_EXTERNAL_MODULE_react__.createElement)(StorageScopeContext.Provider, {
+    return createElement(StorageScopeContext.Provider, {
         value: scope
     }, children);
 }
 function useStorageScope() {
-    const scope = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(StorageScopeContext);
+    const scope = useContext(StorageScopeContext);
     if (void 0 === scope) throw new Error("useStoredState: no StorageProvider found. Wrap your app with <StorageProvider scope={userId ?? null}>.");
     return scope;
 }
 function useStoredState(kind, key, parser, { defaultValue, version = 1, migrate }, shared) {
     const scope = useStorageScope();
     const storage = getStorage(kind);
-    const storageKey = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>makeStorageKey(key, kind, shared, scope), [
+    const storageKey = useMemo(()=>makeStorageKey(key, kind, shared, scope), [
         key,
         kind,
         shared,
         scope
     ]);
-    const parserRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(parser);
-    const defaultValueRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(defaultValue);
-    const versionRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(version);
-    const migrateRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(migrate);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const parserRef = useRef(parser);
+    const defaultValueRef = useRef(defaultValue);
+    const versionRef = useRef(version);
+    const migrateRef = useRef(migrate);
+    useEffect(()=>{
         parserRef.current = parser;
         defaultValueRef.current = defaultValue;
         versionRef.current = version;
         migrateRef.current = migrate;
     });
-    const [value, setValueState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>{
+    const [value, setValueState] = useState(()=>{
         const raw = storage?.getItem(storageKey) ?? null;
         const result = readSafe(raw, parser, defaultValue, version, migrate);
         if (result.migrated) writeStorage(storage, storageKey, result.value, version);
         return result.value;
     });
-    const valueRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(value);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const valueRef = useRef(value);
+    useEffect(()=>{
         valueRef.current = value;
     }, [
         value
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         const raw = storage?.getItem(storageKey) ?? null;
         const result = readSafe(raw, parserRef.current, defaultValueRef.current, versionRef.current, migrateRef.current);
         setValueState((prev)=>Object.is(prev, result.value) ? prev : result.value);
@@ -433,12 +429,12 @@ function useStoredState(kind, key, parser, { defaultValue, version = 1, migrate
         storage,
         storageKey
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>tabSubscribe(storageKey, (next)=>{
+    useEffect(()=>tabSubscribe(storageKey, (next)=>{
             setValueState((prev)=>Object.is(prev, next) ? prev : next);
         }), [
         storageKey
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         if (!shared) return;
         return crossTabSubscribe(storageKey, (msg)=>{
             if (msg.storage !== kind || msg.sourceId === instanceId) return;
@@ -453,8 +449,8 @@ function useStoredState(kind, key, parser, { defaultValue, version = 1, migrate
         storage,
         storageKey
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (!shared || "persistent" !== kind || "undefined" == typeof window) return;
+    useEffect(()=>{
+        if (!shared || "persistent" !== kind || "u" < typeof window) return;
         const handler = (event)=>{
             if (event.key !== storageKey) return;
             const result = readSafe(event.newValue, parserRef.current, defaultValueRef.current, versionRef.current, migrateRef.current);
@@ -470,7 +466,7 @@ function useStoredState(kind, key, parser, { defaultValue, version = 1, migrate
         storage,
         storageKey
     ]);
-    const setValue = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((next)=>{
+    const setValue = useCallback((next)=>{
         const resolved = "function" == typeof next ? next(valueRef.current) : next;
         if (Object.is(valueRef.current, resolved)) return;
         valueRef.current = resolved;
@@ -506,11 +502,54 @@ function useSessionState(key, parser, options) {
 function useSessionSharedState(key, parser, options) {
     return useStoredState("session", key, parser, options, true);
 }
+const entriesParser = {
+    parse (value) {
+        if (!Array.isArray(value)) throw new Error("search history is not a list");
+        return value.filter((entry)=>"string" == typeof entry);
+    }
+};
+function searchHistoryIdentity(entry) {
+    return entry.trim().replace(/\s+/g, " ").toLowerCase();
+}
+function useSearchHistory(key, options = {}) {
+    const { limit = 15, storage = "persistent" } = options;
+    const storageKey = `search-history:${key}`;
+    const persistent = usePersistentSharedState(storageKey, entriesParser, {
+        defaultValue: []
+    });
+    const session = useSessionSharedState(storageKey, entriesParser, {
+        defaultValue: []
+    });
+    const [entries, setEntries] = "session" === storage ? session : persistent;
+    return useMemo(()=>({
+            entries,
+            add (entry) {
+                const text = entry.trim();
+                if ("" === text) return;
+                const identity = searchHistoryIdentity(text);
+                setEntries((previous)=>[
+                        text,
+                        ...previous.filter((existing)=>searchHistoryIdentity(existing) !== identity)
+                    ].slice(0, limit));
+            },
+            remove (entry) {
+                const identity = searchHistoryIdentity(entry);
+                setEntries((previous)=>previous.filter((existing)=>searchHistoryIdentity(existing) !== identity));
+            },
+            clear () {
+                setEntries([]);
+            }
+        }), [
+        entries,
+        limit,
+        setEntries
+    ]);
+}
 function useLongPress({ delayMs = 500, moveThresholdPx = 8, disabled = false, onLongPress }) {
-    const timerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const pointerIdRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const startRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const triggeredRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(false);
+    const timerRef = useRef(null);
+    const pointerIdRef = useRef(null);
+    const startRef = useRef(null);
+    const triggeredRef = useRef(false);
     const clearTimer = ()=>{
         if (null == timerRef.current) return;
         window.clearTimeout(timerRef.current);
@@ -521,7 +560,7 @@ function useLongPress({ delayMs = 500, moveThresholdPx = 8, disabled = false, on
         pointerIdRef.current = null;
         startRef.current = null;
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         if (disabled) {
             triggeredRef.current = false;
             reset();
@@ -529,7 +568,7 @@ function useLongPress({ delayMs = 500, moveThresholdPx = 8, disabled = false, on
     }, [
         disabled
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>()=>clearTimer(), []);
+    useEffect(()=>()=>clearTimer(), []);
     return {
         onPointerDown (event) {
             if (disabled || 0 !== event.button) return;
@@ -571,10 +610,10 @@ function useLongPress({ delayMs = 500, moveThresholdPx = 8, disabled = false, on
     };
 }
 function useMediaQuery(query) {
-    const getMatches = ()=>"undefined" != typeof window && window.matchMedia(query).matches;
-    const [matches, setMatches] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(getMatches);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if ("undefined" == typeof window) return;
+    const getMatches = ()=>"u" > typeof window && window.matchMedia(query).matches;
+    const [matches, setMatches] = useState(getMatches);
+    useEffect(()=>{
+        if ("u" < typeof window) return;
         const mediaQuery = window.matchMedia(query);
         const update = ()=>{
             setMatches(mediaQuery.matches);
@@ -590,9 +629,9 @@ function useMediaQuery(query) {
     return matches;
 }
 function useNavigatorOnline() {
-    const [isOnline, setIsOnline] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>"undefined" == typeof navigator ? true : navigator.onLine);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if ("undefined" == typeof window) return;
+    const [isOnline, setIsOnline] = useState(()=>"u" < typeof navigator ? true : navigator.onLine);
+    useEffect(()=>{
+        if ("u" < typeof window) return;
         const sync = ()=>setIsOnline(navigator.onLine);
         window.addEventListener("online", sync);
         window.addEventListener("offline", sync);
@@ -604,8 +643,8 @@ function useNavigatorOnline() {
     return isOnline;
 }
 function useNow({ update = 1000 } = {}) {
-    const [now, setNow] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>Date.now());
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const [now, setNow] = useState(()=>Date.now());
+    useEffect(()=>{
         if (false === update) return;
         const id = window.setInterval(()=>setNow(Date.now()), update);
         return ()=>window.clearInterval(id);
@@ -615,7 +654,7 @@ function useNow({ update = 1000 } = {}) {
     return now;
 }
 function detectOS() {
-    if ("undefined" == typeof navigator) return "windows";
+    if ("u" < typeof navigator) return "windows";
     const ua = navigator.userAgent.toLowerCase();
     const platform = (navigator.platform ?? "").toLowerCase();
     const combined = `${ua} ${platform}`;
@@ -626,7 +665,7 @@ function detectOS() {
     return "windows";
 }
 function useOS(override) {
-    return (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>override ?? detectOS(), [
+    return useMemo(()=>override ?? detectOS(), [
         override
     ]);
 }
@@ -637,8 +676,8 @@ function usePrefersReducedMotion() {
     return useMediaQuery("(prefers-reduced-motion: reduce)");
 }
 function usePrevious(value) {
-    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(void 0);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const ref = useRef(void 0);
+    useEffect(()=>{
         ref.current = value;
     }, [
         value
@@ -646,13 +685,13 @@ function usePrevious(value) {
     return ref.current;
 }
 function useTimeout(callback, delay) {
-    const callbackRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(callback);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const callbackRef = useRef(callback);
+    useEffect(()=>{
         callbackRef.current = callback;
     }, [
         callback
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         if (null === delay) return;
         const id = window.setTimeout(()=>callbackRef.current(), delay);
         return ()=>window.clearTimeout(id);
@@ -662,7 +701,7 @@ function useTimeout(callback, delay) {
 }
 const KEYBOARD_OPEN_DELTA = 150;
 function getViewportState() {
-    if ("undefined" == typeof window) return {
+    if ("u" < typeof window) return {
         visualViewportHeight: 0,
         keyboardOpen: false
     };
@@ -674,9 +713,9 @@ function getViewportState() {
     };
 }
 function useViewport() {
-    const [state, setState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>getViewportState());
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if ("undefined" == typeof window) return;
+    const [state, setState] = useState(()=>getViewportState());
+    useEffect(()=>{
+        if ("u" < typeof window) return;
         const target = window.visualViewport ?? window;
         const handleChange = ()=>{
             setState((prev)=>{
@@ -695,7 +734,7 @@ function useViewport() {
     return state;
 }
 function getWindowSize() {
-    if ("undefined" == typeof window) return {
+    if ("u" < typeof window) return {
         width: 0,
         height: 0
     };
@@ -705,9 +744,9 @@ function getWindowSize() {
     };
 }
 function useWindowSize() {
-    const [size, setSize] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(getWindowSize);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if ("undefined" == typeof window) return;
+    const [size, setSize] = useState(getWindowSize);
+    useEffect(()=>{
+        if ("u" < typeof window) return;
         const handleResize = ()=>{
             setSize((prev)=>{
                 const next = getWindowSize();
@@ -720,6 +759,5 @@ function useWindowSize() {
     }, []);
     return size;
 }
-var __webpack_exports__isFocusVisible = __WEBPACK_EXTERNAL_MODULE__react_aria_interactions_8422cce9__.isFocusVisible;
-var __webpack_exports__usePress = __WEBPACK_EXTERNAL_MODULE__react_aria_interactions_8422cce9__.usePress;
-export { StorageProvider, useBeforeUnloadWarning, useBreakpoint, useContainerSize, useControllableState, useCopyToClipboard, useDebouncedValue, useDeferredPresence, useDisclosure, useEventListener, useHover, useInterval, useKeyDown, useLongPress, useMediaQuery, useNavigatorOnline, useNow, useOS, usePersistentSharedState, usePersistentState, usePointerCoarse, usePrefersReducedMotion, usePrevious, useSessionSharedState, useSessionState, useTimeout, useViewport, useWindowSize, __webpack_exports__isFocusVisible as isFocusVisible, __webpack_exports__usePress as usePress };
+export { isFocusVisible, usePress } from "@react-aria/interactions";
+export { StorageProvider, useBeforeUnloadWarning, useBreakpoint, useContainerSize, useControllableState, useCopyToClipboard, useDebouncedValue, useDeferredPresence, useDisclosure, useEventListener, useHover, useInterval, useKeyDown, useLongPress, useMediaQuery, useNavigatorOnline, useNow, useOS, usePersistentSharedState, usePersistentState, usePointerCoarse, usePrefersReducedMotion, usePrevious, useSearchHistory, useSessionSharedState, useSessionState, useTimeout, useViewport, useWindowSize };

package/dist/use-controllable-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../src/use-controllable-state.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,2BAA2B,CAAC,MAAM;IACjD,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EACzC,OAAO,EAAE,2BAA2B,CAAC,MAAM,CAAC,GAC3C,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC,CAoBvC"}
+{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../src/use-controllable-state.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,2BAA2B,CAAC,MAAM;IACjD,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EACzC,OAAO,EAAE,2BAA2B,CAAC,MAAM,CAAC,GAC3C,CAAC,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC,CAqBvC"}

package/dist/use-deferred-presence.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-deferred-presence.d.ts","sourceRoot":"","sources":["../src/use-deferred-presence.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAIpE,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,MAAM,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,OAAO,EAClB,EAAE,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,uBAAuB,GAC7D,qBAAqB,CA8BvB"}
+{"version":3,"file":"use-deferred-presence.d.ts","sourceRoot":"","sources":["../src/use-deferred-presence.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AAIpE,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,yCAAyC;IACzC,MAAM,EAAE,MAAM,CAAA;IACd,wEAAwE;IACxE,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,OAAO,EAClB,EAAE,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,uBAAuB,GAC7D,qBAAqB,CA+BvB"}

package/dist/use-long-press.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-long-press.d.ts","sourceRoot":"","sources":["../src/use-long-press.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,eAAe,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG7F,MAAM,WAAW,mBAAmB;IAClC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAa,EACb,eAAmB,EACnB,QAAgB,EAChB,WAAW,GACZ,EAAE,mBAAmB;yBA4BG,iBAAiB,CAAC,WAAW,CAAC;yBAc9B,iBAAiB,CAAC,WAAW,CAAC;uBAMhC,iBAAiB,CAAC,WAAW,CAAC;2BAI1B,iBAAiB,CAAC,WAAW,CAAC;0BAI/B,eAAe,CAAC,WAAW,CAAC;EAQrD"}
+{"version":3,"file":"use-long-press.d.ts","sourceRoot":"","sources":["../src/use-long-press.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,eAAe,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG7F,MAAM,WAAW,mBAAmB;IAClC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAa,EACb,eAAmB,EACnB,QAAgB,EAChB,WAAW,GACZ,EAAE,mBAAmB;IA8BlB,aAAa,QAAQ,iBAAiB,CAAC,WAAW,CAAC;IAcnD,aAAa,QAAQ,iBAAiB,CAAC,WAAW,CAAC;IAMnD,WAAW,QAAQ,iBAAiB,CAAC,WAAW,CAAC;IAIjD,eAAe,QAAQ,iBAAiB,CAAC,WAAW,CAAC;IAIrD,cAAc,QAAQ,eAAe,CAAC,WAAW,CAAC;EAQrD"}

package/dist/use-previous.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-previous.d.ts","sourceRoot":"","sources":["../src/use-previous.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAMtD"}
+{"version":3,"file":"use-previous.d.ts","sourceRoot":"","sources":["../src/use-previous.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,SAAS,CAOtD"}

package/dist/use-search-history.d.ts

@@ -0,0 +1,24 @@
+/** Recent searches, newest first. Pass it to a search box (`QueryBar`, `GlobalSearch`) as `history`. */
+export type SearchHistory = {
+    readonly entries: readonly string[];
+    /** Records a search: moves it (or an earlier copy of it) to the top, and trims to the limit. */
+    readonly add: (entry: string) => void;
+    readonly remove: (entry: string) => void;
+    readonly clear: () => void;
+};
+export type SearchHistoryOptions = {
+    /** How many entries to keep. Default 15. */
+    readonly limit?: number;
+    /**
+     * `"persistent"` (default): kept across sessions in localStorage. `"session"`: forgotten when the
+     * tab closes — consider it when searches can contain personal data.
+     */
+    readonly storage?: "persistent" | "session";
+};
+/**
+ * Recent searches for one search box, kept per user through `StorageProvider` and shared between
+ * tabs. Entries are deduplicated ignoring case and spacing; blank searches aren't recorded. Use a
+ * key per box (`"payments"`, `"global-search"`) so their histories stay apart.
+ */
+export declare function useSearchHistory(key: string, options?: SearchHistoryOptions): SearchHistory;
+//# sourceMappingURL=use-search-history.d.ts.map

package/dist/use-search-history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-history.d.ts","sourceRoot":"","sources":["../src/use-search-history.ts"],"names":[],"mappings":"AAIA,wGAAwG;AACxG,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IACnC,gGAAgG;IAChG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,4CAA4C;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CAC5C,CAAA;AAcD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,oBAAyB,GAAG,aAAa,CAiC/F"}

package/dist/use-search-history.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-search-history.test.d.ts.map

package/dist/use-search-history.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-history.test.d.ts","sourceRoot":"","sources":["../src/use-search-history.test.tsx"],"names":[],"mappings":""}

package/dist/use-stored-state.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-/** Anything with a `.parse` method — Zod schemas satisfy this directly. */
+/** Anything with a `.parse` method that throws on invalid input — `@ox0/schema` and Zod schemas fit. */
 export type Parser<T> = {
     parse: (value: unknown) => T;
 };

package/dist/use-stored-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-stored-state.d.ts","sourceRoot":"","sources":["../src/use-stored-state.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,2EAA2E;AAC3E,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,CAAC,CAAA;CAAE,CAAA;AAExD,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,EAAE,CAAC,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC,CAAA;CACrD,CAAA;AA0HD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB,sGAEA;AAuID,iCAAiC;AACjC,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EACjB,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,uCAzHO,IAAI,EA4H1C;AAED,wCAAwC;AACxC,wBAAgB,wBAAwB,CAAC,CAAC,EACxC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EACjB,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,uCAlIO,IAAI,EAqI1C;AAED,mCAAmC;AACnC,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,uCAxI1D,IAAI,EA0I1C;AAED,yCAAyC;AACzC,wBAAgB,qBAAqB,CAAC,CAAC,EACrC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EACjB,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,uCAhJO,IAAI,EAmJ1C"}
+{"version":3,"file":"use-stored-state.d.ts","sourceRoot":"","sources":["../src/use-stored-state.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,wGAAwG;AACxG,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,CAAC,CAAA;CAAE,CAAA;AAExD,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,EAAE,CAAC,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC,CAAA;CACrD,CAAA;AA2HD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB,sGAEA;AAuID,iCAAiC;AACjC,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EACjB,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,uCAzHO,IAAI,EA4H1C;AAED,wCAAwC;AACxC,wBAAgB,wBAAwB,CAAC,CAAC,EACxC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EACjB,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,uCAlIO,IAAI,EAqI1C;AAED,mCAAmC;AACnC,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,uCAxI1D,IAAI,EA0I1C;AAED,yCAAyC;AACzC,wBAAgB,qBAAqB,CAAC,CAAC,EACrC,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EACjB,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,uCAhJO,IAAI,EAmJ1C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ox0/hooks",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/esturcke/ox0-platform.git",
@@ -27,7 +27,7 @@
     "react": "^19.0.0"
   },
   "scripts": {
-    "build": "rslib build -c ../../rslib.config.ts && tsc --build --force tsconfig.build.json",
+    "build": "rslib build -c ../../rslib.config.ts && rm -f tsconfig.build.tsbuildinfo && tsc -p tsconfig.build.json",
     "typecheck": "tsc -p tsconfig.json",
     "lint": "oxlint .",
     "test": "vitest run"