@mantine/hooks 8.2.7 → 8.3.0

package/lib/index.d.ts

@@ -1,77 +1,77 @@
 export * from './utils/index.js';
-export { useDebouncedCallback } from './use-debounced-callback/use-debounced-callback';
-export { useClickOutside } from './use-click-outside/use-click-outside';
-export { useClipboard } from './use-clipboard/use-clipboard';
-export { useColorScheme } from './use-color-scheme/use-color-scheme';
-export { useCounter } from './use-counter/use-counter';
-export { useDebouncedState } from './use-debounced-state/use-debounced-state';
-export { useDebouncedValue } from './use-debounced-value/use-debounced-value';
-export { useDocumentTitle } from './use-document-title/use-document-title';
-export { useDocumentVisibility } from './use-document-visibility/use-document-visibility';
-export { useFocusReturn } from './use-focus-return/use-focus-return';
-export { useDidUpdate } from './use-did-update/use-did-update';
-export { useFocusTrap } from './use-focus-trap/use-focus-trap';
-export { useForceUpdate } from './use-force-update/use-force-update';
-export { useId } from './use-id/use-id';
-export { useIdle } from './use-idle/use-idle';
-export { useInterval } from './use-interval/use-interval';
-export { useIsomorphicEffect } from './use-isomorphic-effect/use-isomorphic-effect';
-export { useListState } from './use-list-state/use-list-state';
-export { useLocalStorage, readLocalStorageValue } from './use-local-storage/use-local-storage';
-export { useSessionStorage, readSessionStorageValue, } from './use-session-storage/use-session-storage';
-export { useMediaQuery } from './use-media-query/use-media-query';
-export { useMergedRef, mergeRefs, assignRef } from './use-merged-ref/use-merged-ref';
-export { useMouse } from './use-mouse/use-mouse';
-export { useMove, clampUseMovePosition } from './use-move/use-move';
-export { usePagination } from './use-pagination/use-pagination';
-export { useQueue } from './use-queue/use-queue';
-export { usePageLeave } from './use-page-leave/use-page-leave';
-export { useReducedMotion } from './use-reduced-motion/use-reduced-motion';
-export { useScrollIntoView } from './use-scroll-into-view/use-scroll-into-view';
-export { useResizeObserver, useElementSize } from './use-resize-observer/use-resize-observer';
-export { useShallowEffect } from './use-shallow-effect/use-shallow-effect';
-export { useToggle } from './use-toggle/use-toggle';
-export { useUncontrolled } from './use-uncontrolled/use-uncontrolled';
-export { useViewportSize } from './use-viewport-size/use-viewport-size';
-export { useWindowEvent } from './use-window-event/use-window-event';
-export { useWindowScroll } from './use-window-scroll/use-window-scroll';
-export { useIntersection } from './use-intersection/use-intersection';
-export { useHash } from './use-hash/use-hash';
-export { useHotkeys, getHotkeyHandler } from './use-hotkeys/use-hotkeys';
-export { useFullscreen } from './use-fullscreen/use-fullscreen';
-export { useLogger } from './use-logger/use-logger';
-export { useHover } from './use-hover/use-hover';
-export { useValidatedState } from './use-validated-state/use-validated-state';
-export { useOs } from './use-os/use-os';
-export { useSetState } from './use-set-state/use-set-state';
-export { useInputState } from './use-input-state/use-input-state';
-export { useEventListener } from './use-event-listener/use-event-listener';
-export { useDisclosure } from './use-disclosure/use-disclosure';
-export { useFocusWithin } from './use-focus-within/use-focus-within';
-export { useNetwork } from './use-network/use-network';
-export { useTimeout } from './use-timeout/use-timeout';
-export { useTextSelection } from './use-text-selection/use-text-selection';
-export { usePrevious } from './use-previous/use-previous';
-export { useFavicon } from './use-favicon/use-favicon';
-export { useHeadroom } from './use-headroom/use-headroom';
-export { useEyeDropper } from './use-eye-dropper/use-eye-dropper';
-export { useInViewport } from './use-in-viewport/use-in-viewport';
-export { useMutationObserver } from './use-mutation-observer/use-mutation-observer';
-export { useMounted } from './use-mounted/use-mounted';
-export { useStateHistory } from './use-state-history/use-state-history';
-export { useMap } from './use-map/use-map';
-export { useSet } from './use-set/use-set';
-export { useThrottledCallback } from './use-throttled-callback/use-throttled-callback';
-export { useThrottledState } from './use-throttled-state/use-throttled-state';
-export { useThrottledValue } from './use-throttled-value/use-throttled-value';
-export { useIsFirstRender } from './use-is-first-render/use-is-first-render';
-export { useOrientation } from './use-orientation/use-orientation';
-export { useFetch } from './use-fetch/use-fetch';
-export { useRadialMove, normalizeRadialValue } from './use-radial-move/use-radial-move';
-export { useScrollSpy } from './use-scroll-spy/use-scroll-spy';
-export { useFileDialog } from './use-file-dialog/use-file-dialog';
-export { useLongPress } from './use-long-press/use-long-press';
-export { useSelection } from './use-selection/use-selection';
+export { useDebouncedCallback } from './use-debounced-callback/use-debounced-callback.js';
+export { useClickOutside } from './use-click-outside/use-click-outside.js';
+export { useClipboard } from './use-clipboard/use-clipboard.js';
+export { useColorScheme } from './use-color-scheme/use-color-scheme.js';
+export { useCounter } from './use-counter/use-counter.js';
+export { useDebouncedState } from './use-debounced-state/use-debounced-state.js';
+export { useDebouncedValue } from './use-debounced-value/use-debounced-value.js';
+export { useDocumentTitle } from './use-document-title/use-document-title.js';
+export { useDocumentVisibility } from './use-document-visibility/use-document-visibility.js';
+export { useFocusReturn } from './use-focus-return/use-focus-return.js';
+export { useDidUpdate } from './use-did-update/use-did-update.js';
+export { useFocusTrap } from './use-focus-trap/use-focus-trap.js';
+export { useForceUpdate } from './use-force-update/use-force-update.js';
+export { useId } from './use-id/use-id.js';
+export { useIdle } from './use-idle/use-idle.js';
+export { useInterval } from './use-interval/use-interval.js';
+export { useIsomorphicEffect } from './use-isomorphic-effect/use-isomorphic-effect.js';
+export { useListState } from './use-list-state/use-list-state.js';
+export { useLocalStorage, readLocalStorageValue } from './use-local-storage/use-local-storage.js';
+export { useSessionStorage, readSessionStorageValue, } from './use-session-storage/use-session-storage.js';
+export { useMediaQuery } from './use-media-query/use-media-query.js';
+export { useMergedRef, mergeRefs, assignRef } from './use-merged-ref/use-merged-ref.js';
+export { useMouse } from './use-mouse/use-mouse.js';
+export { useMove, clampUseMovePosition } from './use-move/use-move.js';
+export { usePagination } from './use-pagination/use-pagination.js';
+export { useQueue } from './use-queue/use-queue.js';
+export { usePageLeave } from './use-page-leave/use-page-leave.js';
+export { useReducedMotion } from './use-reduced-motion/use-reduced-motion.js';
+export { useScrollIntoView } from './use-scroll-into-view/use-scroll-into-view.js';
+export { useResizeObserver, useElementSize } from './use-resize-observer/use-resize-observer.js';
+export { useShallowEffect } from './use-shallow-effect/use-shallow-effect.js';
+export { useToggle } from './use-toggle/use-toggle.js';
+export { useUncontrolled } from './use-uncontrolled/use-uncontrolled.js';
+export { useViewportSize } from './use-viewport-size/use-viewport-size.js';
+export { useWindowEvent } from './use-window-event/use-window-event.js';
+export { useWindowScroll } from './use-window-scroll/use-window-scroll.js';
+export { useIntersection } from './use-intersection/use-intersection.js';
+export { useHash } from './use-hash/use-hash.js';
+export { useHotkeys, getHotkeyHandler } from './use-hotkeys/use-hotkeys.js';
+export { useFullscreen } from './use-fullscreen/use-fullscreen.js';
+export { useLogger } from './use-logger/use-logger.js';
+export { useHover } from './use-hover/use-hover.js';
+export { useValidatedState } from './use-validated-state/use-validated-state.js';
+export { useOs } from './use-os/use-os.js';
+export { useSetState } from './use-set-state/use-set-state.js';
+export { useInputState } from './use-input-state/use-input-state.js';
+export { useEventListener } from './use-event-listener/use-event-listener.js';
+export { useDisclosure } from './use-disclosure/use-disclosure.js';
+export { useFocusWithin } from './use-focus-within/use-focus-within.js';
+export { useNetwork } from './use-network/use-network.js';
+export { useTimeout } from './use-timeout/use-timeout.js';
+export { useTextSelection } from './use-text-selection/use-text-selection.js';
+export { usePrevious } from './use-previous/use-previous.js';
+export { useFavicon } from './use-favicon/use-favicon.js';
+export { useHeadroom } from './use-headroom/use-headroom.js';
+export { useEyeDropper } from './use-eye-dropper/use-eye-dropper.js';
+export { useInViewport } from './use-in-viewport/use-in-viewport.js';
+export { useMutationObserver } from './use-mutation-observer/use-mutation-observer.js';
+export { useMounted } from './use-mounted/use-mounted.js';
+export { useStateHistory } from './use-state-history/use-state-history.js';
+export { useMap } from './use-map/use-map.js';
+export { useSet } from './use-set/use-set.js';
+export { useThrottledCallback } from './use-throttled-callback/use-throttled-callback.js';
+export { useThrottledState } from './use-throttled-state/use-throttled-state.js';
+export { useThrottledValue } from './use-throttled-value/use-throttled-value.js';
+export { useIsFirstRender } from './use-is-first-render/use-is-first-render.js';
+export { useOrientation } from './use-orientation/use-orientation.js';
+export { useFetch } from './use-fetch/use-fetch.js';
+export { useRadialMove, normalizeRadialValue } from './use-radial-move/use-radial-move.js';
+export { useScrollSpy } from './use-scroll-spy/use-scroll-spy.js';
+export { useFileDialog } from './use-file-dialog/use-file-dialog.js';
+export { useLongPress } from './use-long-press/use-long-press.js';
+export { useSelection } from './use-selection/use-selection.js';
 export type { UseMediaQueryOptions } from './use-media-query/use-media-query';
 export type { UseClipboardOptions, UseClipboardReturnValue } from './use-clipboard/use-clipboard';
 export type { UseColorSchemeValue } from './use-color-scheme/use-color-scheme';

package/lib/use-scroll-spy/use-scroll-spy.d.ts

@@ -17,6 +17,8 @@ export interface UseScrollSpyOptions {
     getValue?: (element: HTMLElement) => string;
     /** Host element to attach scroll event listener, if not provided, `window` is used */
     scrollHost?: HTMLElement;
+    /** Offset from the top of the viewport to use when determining the active heading, `0` by default */
+    offset?: number;
 }
 export interface UseScrollSpyReturnType {
     /** Index of the active heading in the `data` array */
@@ -28,4 +30,4 @@ export interface UseScrollSpyReturnType {
     /** Function to update headings values after the parent component has mounted. */
     reinitialize: () => void;
 }
-export declare function useScrollSpy({ selector, getDepth, getValue, scrollHost, }?: UseScrollSpyOptions): UseScrollSpyReturnType;
+export declare function useScrollSpy({ selector, getDepth, getValue, offset, scrollHost, }?: UseScrollSpyOptions): UseScrollSpyReturnType;

package/lib/use-session-storage/use-session-storage.d.ts

@@ -1,3 +1,3 @@
 import { UseStorageOptions } from '../use-local-storage/create-storage';
-export declare function useSessionStorage<T = string>(props: UseStorageOptions<T>): import("../use-local-storage/create-storage").UseStorageReturnValue<T>;
+export declare function useSessionStorage<T = string>(props: UseStorageOptions<T>): import("..").UseStorageReturnValue<T>;
 export declare const readSessionStorageValue: <T>({ key, defaultValue, deserialize, }: UseStorageOptions<T>) => T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/hooks",
-  "version": "8.2.7",
+  "version": "8.3.0",
   "description": "A collection of 50+ hooks for state and UI management",
   "homepage": "https://mantine.dev",
   "license": "MIT",