@allxsmith/bestax-bulma 5.63.0 → 5.65.0

package/dist/esm/helpers/useScrollSpy.js

@@ -0,0 +1,286 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
+import { useState, useRef, useEffect } from 'react';
+import { useLatestRef } from './useLatestRef.js';
+
+/**
+ * How long the page has to stay still before a jump counts as over: long
+ * enough to span the gap between two frames of a smooth scroll.
+ */
+const SETTLE_MS = 100;
+/**
+ * A pixel of slack at the line, for a jump that lands a fraction of a pixel
+ * away from it.
+ */
+const SLACK = 1;
+/** The page's `scroll-padding-top` in pixels, or 0 for `auto`. */
+function scrollPaddingTop() {
+    const root = document.documentElement;
+    const value = getComputedStyle(root).scrollPaddingTop;
+    const number = parseFloat(value);
+    if (!Number.isFinite(number))
+        return 0;
+    // A percentage is of the page's scrollport: the viewport less a classic
+    // scrollbar.
+    return value.endsWith('%') ? (number * root.clientHeight) / 100 : number;
+}
+/**
+ * The height of the viewport the reader sees the page through, less a
+ * classic scrollbar: the larger of the root's `clientHeight` and the visual
+ * viewport's height. The visual viewport grows when a phone hides its
+ * toolbar, where the root keeps the height it had with the toolbar shown;
+ * under a pinch zoom it's the smaller, and the root's stands. Its `pageTop`
+ * isn't read, since Firefox can leave it behind `scrollY` for a frame after
+ * it puts back the scroll position on a reload.
+ */
+function viewportHeight() {
+    return Math.max(document.documentElement.clientHeight, window.visualViewport?.height ?? 0);
+}
+/** Whether the page is scrolled as far down as it goes. */
+const atEnd = () => window.scrollY > 0 &&
+    window.scrollY + viewportHeight() >=
+        document.documentElement.scrollHeight - 1;
+/** Whether the browser draws an element: `display: none` draws no box. */
+const isDrawn = (element) => element.getClientRects().length > 0;
+/** The id a URL fragment names, such as `#caf%C3%A9`. */
+function fragmentId(hash) {
+    const raw = hash.slice(1);
+    try {
+        return decodeURIComponent(raw);
+    }
+    catch {
+        return raw;
+    }
+}
+/**
+ * Whether the page was opened afresh, as by a link, rather than reloaded or
+ * reached by Back or Forward, where the browser puts it back where it was.
+ * Where the navigation isn't recorded (jsdom), it counts as opened afresh.
+ */
+function openedAfresh() {
+    const [entry] = performance.getEntriesByType?.('navigation') ?? [];
+    const type = entry?.type;
+    return type !== 'reload' && type !== 'back_forward';
+}
+/**
+ * The link a click was on, if it's a plain click that follows it in this
+ * page: the main button, no modifier key, and no `target` sending it
+ * elsewhere. The path is read rather than the target, so a link inside a
+ * shadow root counts.
+ */
+function followedLink(event) {
+    if (event.button !== 0 ||
+        event.metaKey ||
+        event.ctrlKey ||
+        event.shiftKey ||
+        event.altKey) {
+        return undefined;
+    }
+    const link = event
+        .composedPath()
+        .find((node) => node instanceof HTMLAnchorElement);
+    return link && (!link.target || link.target === '_self') ? link : undefined;
+}
+/**
+ * The `useScrollSpy` hook returns the id of the section being read: the last
+ * of `ids` whose top is at or above the offset line, or the last one once the
+ * page is scrolled to its end. After a jump to one of them, it's that one
+ * until the reader scrolls on. `null` above the first section, on the server
+ * and until the page hydrates.
+ *
+ * It checks once per frame while the page scrolls, and on resize. A jump is
+ * a plain click on a link to one of the ids (the main button, no modifier
+ * key, opening in this page), noted and never stopped, so the browser jumps
+ * as it always does; and the `#id` a page opened afresh opens at. Back,
+ * Forward and a reload aren't jumps. That `#id` is read once, when `ids`
+ * first has some: a section rendered after that isn't held, even if the
+ * page opened at it, and the reading rule marks where the page is. Once the
+ * page has been still for a
+ * moment, the section stays current only if it's where a jump puts it: its
+ * top at the line, give or take a shift of the layout smaller than its own
+ * height, or, at the end of the page, on screen below the line. Otherwise,
+ * as after a flick right after the click, the reading rule takes over. The
+ * next scroll after that lets it go, the browser's own included, so when
+ * content loading above it makes the browser scroll to keep the reader's
+ * place, the rule takes over too.
+ *
+ * A section that isn't drawn (`display: none`) is never current. A section
+ * that moves while nothing scrolls is seen at the next scroll or resize. It
+ * watches the document only: not a panel that scrolls inside it, and not
+ * sections inside a shadow root, which an `#id` link can't reach either.
+ * Whether a page was opened afresh is read from how the document loaded, so
+ * in an app that changes routes on the client, a route change can briefly
+ * mark the address bar's section until the page settles, when the reading
+ * rule takes over, and after a reload a route change to an `#id` holds
+ * nothing.
+ *
+ * @function
+ * @param {UseScrollSpyOptions} options - The ids to watch, the offset, and a change callback.
+ * @returns {string | null} The current section's id, or `null`.
+ *
+ * @example
+ * const current = useScrollSpy({ ids: ['profile', 'security', 'billing'] });
+ */
+function useScrollSpy({ ids, offset, onCurrentChange, }) {
+    const [active, setActive] = useState(null);
+    // What was last reported, kept across a re-subscribe so the same id isn't
+    // reported twice.
+    const reportedRef = useRef(null);
+    // The section a jump went to. It belongs to the hook rather than to one run
+    // of the effect, so new ids, a new offset or React's development double run
+    // don't lose it, and the `#id` the page opened at is read once, when the
+    // ids first include some.
+    const heldRef = useRef(null);
+    const openedRef = useRef(false);
+    const onCurrentChangeRef = useLatestRef(onCurrentChange);
+    // The ids as a value, so a new array with the same ids each render doesn't
+    // re-subscribe.
+    const key = JSON.stringify(ids);
+    const fixedOffset = typeof offset === 'number' && Number.isFinite(offset) ? offset : undefined;
+    useEffect(() => {
+        const watched = JSON.parse(key);
+        let line = fixedOffset ?? scrollPaddingTop();
+        let settled = true;
+        let settleTimer;
+        let frame = 0;
+        const report = (id) => {
+            if (id === reportedRef.current)
+                return;
+            reportedRef.current = id;
+            setActive(id);
+            onCurrentChangeRef.current?.(id);
+        };
+        /** The element for one of the ids, if it's on the page and drawn. */
+        const sectionOf = (id) => {
+            const element = watched.includes(id) ? document.getElementById(id) : null;
+            return element && isDrawn(element) ? element : null;
+        };
+        /**
+         * Whether a section is where a jump puts it: its top at the line, give or
+         * take a shift of the layout smaller than the section's own height, or,
+         * at the end of the page, as near as the page lets it come, on screen
+         * below the line.
+         */
+        const atJump = (id) => {
+            const element = sectionOf(id);
+            if (!element)
+                return false;
+            const { top, bottom, height } = element.getBoundingClientRect();
+            if (top <= line + height && bottom >= line)
+                return true;
+            return top > line && top < viewportHeight() && atEnd();
+        };
+        const check = () => {
+            if (heldRef.current !== null)
+                return report(heldRef.current);
+            const drawn = [];
+            for (const id of watched) {
+                const element = document.getElementById(id);
+                if (element && isDrawn(element))
+                    drawn.push([id, element]);
+            }
+            let current = null;
+            if (atEnd()) {
+                // A short last section can't reach the line, so the end of the page
+                // stands in for it.
+                if (drawn.length)
+                    current = drawn[drawn.length - 1][0];
+            }
+            else {
+                for (const [id, element] of drawn) {
+                    if (element.getBoundingClientRect().top <= line + SLACK)
+                        current = id;
+                }
+            }
+            report(current);
+        };
+        /** Runs the check in the next frame, once however many events ask. */
+        const schedule = () => {
+            if (frame)
+                return;
+            frame = requestAnimationFrame(() => {
+                frame = 0;
+                check();
+            });
+        };
+        /**
+         * Starts, or starts again, the wait for the page to be still, when a
+         * held section that isn't where a jump puts it is let go.
+         */
+        const waitToSettle = () => {
+            settled = false;
+            clearTimeout(settleTimer);
+            settleTimer = setTimeout(() => {
+                settled = true;
+                if (heldRef.current !== null && !atJump(heldRef.current)) {
+                    heldRef.current = null;
+                }
+                check();
+            }, SETTLE_MS);
+        };
+        /** Holds the section a jump goes to, if it's one of these on the page. */
+        const hold = (id) => {
+            if (!sectionOf(id))
+                return;
+            heldRef.current = id;
+            waitToSettle();
+        };
+        const onScroll = () => {
+            if (heldRef.current !== null) {
+                // Once the page has been still, the next scroll lets the jump go;
+                // until then, each scroll pushes the end of the jump back.
+                if (settled)
+                    heldRef.current = null;
+                else
+                    waitToSettle();
+            }
+            schedule();
+        };
+        const onResize = () => {
+            line = fixedOffset ?? scrollPaddingTop();
+            schedule();
+        };
+        const onClick = (event) => {
+            const link = followedLink(event);
+            if (link?.hash &&
+                link.href.split('#')[0] === window.location.href.split('#')[0]) {
+                hold(fragmentId(link.hash));
+                check();
+            }
+        };
+        if (!openedRef.current) {
+            // Ids built from content fetched after mount arrive later, so the read
+            // waits until there are some.
+            if (watched.length) {
+                openedRef.current = true;
+                if (openedAfresh())
+                    hold(fragmentId(window.location.hash));
+            }
+        }
+        else if (heldRef.current !== null) {
+            // A jump held across new ids carries on if its section still counts.
+            if (sectionOf(heldRef.current))
+                waitToSettle();
+            else
+                heldRef.current = null;
+        }
+        check();
+        window.addEventListener('scroll', onScroll, { passive: true });
+        window.addEventListener('resize', onResize);
+        document.addEventListener('click', onClick, {
+            capture: true,
+            passive: true,
+        });
+        return () => {
+            cancelAnimationFrame(frame);
+            clearTimeout(settleTimer);
+            window.removeEventListener('scroll', onScroll);
+            window.removeEventListener('resize', onResize);
+            document.removeEventListener('click', onClick, { capture: true });
+        };
+    }, [key, fixedOffset, onCurrentChangeRef]);
+    return active;
+}
+
+export { useScrollSpy };
+//# sourceMappingURL=useScrollSpy.js.map

package/dist/esm/helpers/useScrollSpy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollSpy.js","sources":["../../../src/helpers/useScrollSpy.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useLatestRef } from './useLatestRef';\n\n/** Options for useScrollSpy. */\nexport interface UseScrollSpyOptions {\n  /**\n   * **Required.** The ids of the sections to watch, without the `#`, in the\n   * order they come on the page. Each one is looked up each time the hook\n   * checks, so an id with no element on the page is skipped until one\n   * appears, and a section replaced under the same id keeps working.\n   */\n  ids: string[];\n  /**\n   * Pixels from the viewport's top where a section counts as reached. Unset,\n   * it's the page's `scroll-padding-top`, read when the hook mounts and on\n   * resize, so the highlight agrees with where a jump lands under a sticky\n   * header. A `scroll-padding-top` that mixes a percentage with a length in\n   * `calc()` isn't read: pass `offset` then.\n   */\n  offset?: number;\n  /** Called with the new current id when it changes, or `null` above the first section. */\n  onCurrentChange?: (id: string | null) => void;\n}\n\n/**\n * How long the page has to stay still before a jump counts as over: long\n * enough to span the gap between two frames of a smooth scroll.\n */\nconst SETTLE_MS = 100;\n\n/**\n * A pixel of slack at the line, for a jump that lands a fraction of a pixel\n * away from it.\n */\nconst SLACK = 1;\n\n/** The page's `scroll-padding-top` in pixels, or 0 for `auto`. */\nfunction scrollPaddingTop(): number {\n  const root = document.documentElement;\n  const value = getComputedStyle(root).scrollPaddingTop;\n  const number = parseFloat(value);\n  if (!Number.isFinite(number)) return 0;\n  // A percentage is of the page's scrollport: the viewport less a classic\n  // scrollbar.\n  return value.endsWith('%') ? (number * root.clientHeight) / 100 : number;\n}\n\n/**\n * The height of the viewport the reader sees the page through, less a\n * classic scrollbar: the larger of the root's `clientHeight` and the visual\n * viewport's height. The visual viewport grows when a phone hides its\n * toolbar, where the root keeps the height it had with the toolbar shown;\n * under a pinch zoom it's the smaller, and the root's stands. Its `pageTop`\n * isn't read, since Firefox can leave it behind `scrollY` for a frame after\n * it puts back the scroll position on a reload.\n */\nfunction viewportHeight(): number {\n  return Math.max(\n    document.documentElement.clientHeight,\n    window.visualViewport?.height ?? 0\n  );\n}\n\n/** Whether the page is scrolled as far down as it goes. */\nconst atEnd = () =>\n  window.scrollY > 0 &&\n  window.scrollY + viewportHeight() >=\n    document.documentElement.scrollHeight - 1;\n\n/** Whether the browser draws an element: `display: none` draws no box. */\nconst isDrawn = (element: Element) => element.getClientRects().length > 0;\n\n/** The id a URL fragment names, such as `#caf%C3%A9`. */\nfunction fragmentId(hash: string): string {\n  const raw = hash.slice(1);\n  try {\n    return decodeURIComponent(raw);\n  } catch {\n    return raw;\n  }\n}\n\n/**\n * Whether the page was opened afresh, as by a link, rather than reloaded or\n * reached by Back or Forward, where the browser puts it back where it was.\n * Where the navigation isn't recorded (jsdom), it counts as opened afresh.\n */\nfunction openedAfresh(): boolean {\n  const [entry] = performance.getEntriesByType?.('navigation') ?? [];\n  const type = (entry as PerformanceNavigationTiming | undefined)?.type;\n  return type !== 'reload' && type !== 'back_forward';\n}\n\n/**\n * The link a click was on, if it's a plain click that follows it in this\n * page: the main button, no modifier key, and no `target` sending it\n * elsewhere. The path is read rather than the target, so a link inside a\n * shadow root counts.\n */\nfunction followedLink(event: MouseEvent): HTMLAnchorElement | undefined {\n  if (\n    event.button !== 0 ||\n    event.metaKey ||\n    event.ctrlKey ||\n    event.shiftKey ||\n    event.altKey\n  ) {\n    return undefined;\n  }\n  const link = event\n    .composedPath()\n    .find(\n      (node): node is HTMLAnchorElement => node instanceof HTMLAnchorElement\n    );\n  return link && (!link.target || link.target === '_self') ? link : undefined;\n}\n\n/**\n * The `useScrollSpy` hook returns the id of the section being read: the last\n * of `ids` whose top is at or above the offset line, or the last one once the\n * page is scrolled to its end. After a jump to one of them, it's that one\n * until the reader scrolls on. `null` above the first section, on the server\n * and until the page hydrates.\n *\n * It checks once per frame while the page scrolls, and on resize. A jump is\n * a plain click on a link to one of the ids (the main button, no modifier\n * key, opening in this page), noted and never stopped, so the browser jumps\n * as it always does; and the `#id` a page opened afresh opens at. Back,\n * Forward and a reload aren't jumps. That `#id` is read once, when `ids`\n * first has some: a section rendered after that isn't held, even if the\n * page opened at it, and the reading rule marks where the page is. Once the\n * page has been still for a\n * moment, the section stays current only if it's where a jump puts it: its\n * top at the line, give or take a shift of the layout smaller than its own\n * height, or, at the end of the page, on screen below the line. Otherwise,\n * as after a flick right after the click, the reading rule takes over. The\n * next scroll after that lets it go, the browser's own included, so when\n * content loading above it makes the browser scroll to keep the reader's\n * place, the rule takes over too.\n *\n * A section that isn't drawn (`display: none`) is never current. A section\n * that moves while nothing scrolls is seen at the next scroll or resize. It\n * watches the document only: not a panel that scrolls inside it, and not\n * sections inside a shadow root, which an `#id` link can't reach either.\n * Whether a page was opened afresh is read from how the document loaded, so\n * in an app that changes routes on the client, a route change can briefly\n * mark the address bar's section until the page settles, when the reading\n * rule takes over, and after a reload a route change to an `#id` holds\n * nothing.\n *\n * @function\n * @param {UseScrollSpyOptions} options - The ids to watch, the offset, and a change callback.\n * @returns {string | null} The current section's id, or `null`.\n *\n * @example\n * const current = useScrollSpy({ ids: ['profile', 'security', 'billing'] });\n */\nexport function useScrollSpy({\n  ids,\n  offset,\n  onCurrentChange,\n}: UseScrollSpyOptions): string | null {\n  const [active, setActive] = useState<string | null>(null);\n  // What was last reported, kept across a re-subscribe so the same id isn't\n  // reported twice.\n  const reportedRef = useRef<string | null>(null);\n  // The section a jump went to. It belongs to the hook rather than to one run\n  // of the effect, so new ids, a new offset or React's development double run\n  // don't lose it, and the `#id` the page opened at is read once, when the\n  // ids first include some.\n  const heldRef = useRef<string | null>(null);\n  const openedRef = useRef(false);\n  const onCurrentChangeRef = useLatestRef(onCurrentChange);\n  // The ids as a value, so a new array with the same ids each render doesn't\n  // re-subscribe.\n  const key = JSON.stringify(ids);\n  const fixedOffset =\n    typeof offset === 'number' && Number.isFinite(offset) ? offset : undefined;\n\n  useEffect(() => {\n    const watched = JSON.parse(key) as string[];\n    let line = fixedOffset ?? scrollPaddingTop();\n    let settled = true;\n    let settleTimer: ReturnType<typeof setTimeout> | undefined;\n    let frame = 0;\n\n    const report = (id: string | null) => {\n      if (id === reportedRef.current) return;\n      reportedRef.current = id;\n      setActive(id);\n      onCurrentChangeRef.current?.(id);\n    };\n\n    /** The element for one of the ids, if it's on the page and drawn. */\n    const sectionOf = (id: string) => {\n      const element = watched.includes(id) ? document.getElementById(id) : null;\n      return element && isDrawn(element) ? element : null;\n    };\n\n    /**\n     * Whether a section is where a jump puts it: its top at the line, give or\n     * take a shift of the layout smaller than the section's own height, or,\n     * at the end of the page, as near as the page lets it come, on screen\n     * below the line.\n     */\n    const atJump = (id: string) => {\n      const element = sectionOf(id);\n      if (!element) return false;\n      const { top, bottom, height } = element.getBoundingClientRect();\n      if (top <= line + height && bottom >= line) return true;\n      return top > line && top < viewportHeight() && atEnd();\n    };\n\n    const check = () => {\n      if (heldRef.current !== null) return report(heldRef.current);\n      const drawn: [string, HTMLElement][] = [];\n      for (const id of watched) {\n        const element = document.getElementById(id);\n        if (element && isDrawn(element)) drawn.push([id, element]);\n      }\n      let current: string | null = null;\n      if (atEnd()) {\n        // A short last section can't reach the line, so the end of the page\n        // stands in for it.\n        if (drawn.length) current = drawn[drawn.length - 1][0];\n      } else {\n        for (const [id, element] of drawn) {\n          if (element.getBoundingClientRect().top <= line + SLACK) current = id;\n        }\n      }\n      report(current);\n    };\n\n    /** Runs the check in the next frame, once however many events ask. */\n    const schedule = () => {\n      if (frame) return;\n      frame = requestAnimationFrame(() => {\n        frame = 0;\n        check();\n      });\n    };\n\n    /**\n     * Starts, or starts again, the wait for the page to be still, when a\n     * held section that isn't where a jump puts it is let go.\n     */\n    const waitToSettle = () => {\n      settled = false;\n      clearTimeout(settleTimer);\n      settleTimer = setTimeout(() => {\n        settled = true;\n        if (heldRef.current !== null && !atJump(heldRef.current)) {\n          heldRef.current = null;\n        }\n        check();\n      }, SETTLE_MS);\n    };\n\n    /** Holds the section a jump goes to, if it's one of these on the page. */\n    const hold = (id: string) => {\n      if (!sectionOf(id)) return;\n      heldRef.current = id;\n      waitToSettle();\n    };\n\n    const onScroll = () => {\n      if (heldRef.current !== null) {\n        // Once the page has been still, the next scroll lets the jump go;\n        // until then, each scroll pushes the end of the jump back.\n        if (settled) heldRef.current = null;\n        else waitToSettle();\n      }\n      schedule();\n    };\n\n    const onResize = () => {\n      line = fixedOffset ?? scrollPaddingTop();\n      schedule();\n    };\n\n    const onClick = (event: MouseEvent) => {\n      const link = followedLink(event);\n      if (\n        link?.hash &&\n        link.href.split('#')[0] === window.location.href.split('#')[0]\n      ) {\n        hold(fragmentId(link.hash));\n        check();\n      }\n    };\n\n    if (!openedRef.current) {\n      // Ids built from content fetched after mount arrive later, so the read\n      // waits until there are some.\n      if (watched.length) {\n        openedRef.current = true;\n        if (openedAfresh()) hold(fragmentId(window.location.hash));\n      }\n    } else if (heldRef.current !== null) {\n      // A jump held across new ids carries on if its section still counts.\n      if (sectionOf(heldRef.current)) waitToSettle();\n      else heldRef.current = null;\n    }\n    check();\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('resize', onResize);\n    document.addEventListener('click', onClick, {\n      capture: true,\n      passive: true,\n    });\n    return () => {\n      cancelAnimationFrame(frame);\n      clearTimeout(settleTimer);\n      window.removeEventListener('scroll', onScroll);\n      window.removeEventListener('resize', onResize);\n      document.removeEventListener('click', onClick, { capture: true });\n    };\n  }, [key, fixedOffset, onCurrentChangeRef]);\n\n  return active;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/helpers/useSwipe.js

@@ -0,0 +1,82 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+'use client';
+import { useState, useCallback } from 'react';
+
+// INTERNAL: deliberately not exported from src/index.ts.
+/** How far, in CSS pixels, a drag has to travel along an axis to count. */
+const SWIPE_THRESHOLD = 50;
+const AT_REST = { x: 0, y: 0 };
+/**
+ * Follows a mouse or touch drag on a surface and reports a swipe when it
+ * ends far enough from where it started. Carousel's drag, shared: it hands
+ * back the handlers to put on the surface and the live offset to draw the
+ * drag with, and leaves what a swipe does to the component.
+ *
+ * @function
+ * @param {UseSwipeOptions} options - Whether it's on, the axes, and the callback.
+ * @returns {UseSwipeResult} The drag's state, its handlers, and a way to drop it.
+ */
+function useSwipe({ enabled = true, vertical = false, onSwipe, }) {
+    const [isSwiping, setIsSwiping] = useState(false);
+    const [start, setStart] = useState(AT_REST);
+    const [offset, setOffset] = useState(AT_REST);
+    const begin = useCallback((x, y) => {
+        if (!enabled)
+            return;
+        setIsSwiping(true);
+        setStart({ x, y: vertical ? y : 0 });
+        setOffset(AT_REST);
+    }, [enabled, vertical]);
+    const follow = useCallback((x, y) => {
+        if (!isSwiping)
+            return;
+        setOffset({ x: x - start.x, y: vertical ? y - start.y : 0 });
+    }, [isSwiping, start, vertical]);
+    const end = useCallback(() => {
+        if (!isSwiping)
+            return;
+        setIsSwiping(false);
+        if (vertical && Math.abs(offset.y) > Math.abs(offset.x)) {
+            if (offset.y > SWIPE_THRESHOLD)
+                onSwipe('down');
+            else if (offset.y < -SWIPE_THRESHOLD)
+                onSwipe('up');
+        }
+        else if (offset.x < -SWIPE_THRESHOLD) {
+            onSwipe('left');
+        }
+        else if (offset.x > SWIPE_THRESHOLD) {
+            onSwipe('right');
+        }
+        setOffset(AT_REST);
+    }, [isSwiping, vertical, offset, onSwipe]);
+    const cancel = useCallback(() => {
+        setIsSwiping(false);
+        setOffset(AT_REST);
+    }, []);
+    return {
+        isSwiping,
+        offsetX: offset.x,
+        offsetY: offset.y,
+        handlers: {
+            onMouseDown: event => {
+                // Disabled, the press is left as it is: a click still focuses and
+                // text can still be selected.
+                if (!enabled)
+                    return;
+                event.preventDefault();
+                begin(event.clientX, event.clientY);
+            },
+            onMouseMove: event => follow(event.clientX, event.clientY),
+            onMouseUp: end,
+            onMouseLeave: end,
+            onTouchStart: event => begin(event.touches[0].clientX, event.touches[0].clientY),
+            onTouchMove: event => follow(event.touches[0].clientX, event.touches[0].clientY),
+            onTouchEnd: end,
+        },
+        cancel,
+    };
+}
+
+export { useSwipe };
+//# sourceMappingURL=useSwipe.js.map

package/dist/esm/helpers/useSwipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSwipe.js","sources":["../../../src/helpers/useSwipe.ts"],"sourcesContent":["// INTERNAL: deliberately not exported from src/index.ts.\nimport { useCallback, useState } from 'react';\nimport type React from 'react';\n\n/** Which way a finished swipe went, on screen: where the pointer travelled. */\nexport type SwipeDirection = 'left' | 'right' | 'up' | 'down';\n\n/** How far, in CSS pixels, a drag has to travel along an axis to count. */\nconst SWIPE_THRESHOLD = 50;\n\n/** Options for `useSwipe`. */\nexport interface UseSwipeOptions {\n  /**\n   * Whether a press starts a drag. Off, the handlers leave a press alone,\n   * `preventDefault()` included. A drag already under way still finishes.\n   * @defaultValue true\n   */\n  enabled?: boolean;\n  /**\n   * Follow the vertical axis too, so a swipe up or down is reported. Off,\n   * only the horizontal distance counts and `offsetY` stays `0`.\n   * @defaultValue false\n   */\n  vertical?: boolean;\n  /**\n   * Called when a drag ends more than 50px from where it started along an\n   * axis. With `vertical`, the axis it travelled further along decides.\n   * The direction is physical, so a caller that follows the reading\n   * direction maps it itself.\n   */\n  onSwipe: (direction: SwipeDirection) => void;\n}\n\n/** The mouse and touch handlers `useSwipe` hands back, to spread on the surface. */\nexport interface SwipeHandlers<T extends Element = Element> {\n  /** Starts a drag. Calls `preventDefault()` while enabled, so the press neither selects text nor drags an image. */\n  onMouseDown: (event: React.MouseEvent<T>) => void;\n  /** Follows a drag. */\n  onMouseMove: (event: React.MouseEvent<T>) => void;\n  /** Ends a drag. */\n  onMouseUp: () => void;\n  /** Ends a drag when the pointer leaves the surface, as a release would. */\n  onMouseLeave: () => void;\n  /** Starts a drag with the first finger. */\n  onTouchStart: (event: React.TouchEvent<T>) => void;\n  /** Follows the first finger. */\n  onTouchMove: (event: React.TouchEvent<T>) => void;\n  /** Ends a drag. */\n  onTouchEnd: () => void;\n}\n\n/** What `useSwipe` returns. */\nexport interface UseSwipeResult<T extends Element = Element> {\n  /** Whether a drag is under way. */\n  isSwiping: boolean;\n  /** How far the drag has gone across, in CSS pixels, `0` between drags. */\n  offsetX: number;\n  /** How far the drag has gone down (up is negative), `0` without `vertical`. */\n  offsetY: number;\n  /** The handlers to put on the surface that takes the drag. */\n  handlers: SwipeHandlers<T>;\n  /** Drops the drag under way without reporting a swipe, as when a second finger lands. */\n  cancel: () => void;\n}\n\nconst AT_REST = { x: 0, y: 0 };\n\n/**\n * Follows a mouse or touch drag on a surface and reports a swipe when it\n * ends far enough from where it started. Carousel's drag, shared: it hands\n * back the handlers to put on the surface and the live offset to draw the\n * drag with, and leaves what a swipe does to the component.\n *\n * @function\n * @param {UseSwipeOptions} options - Whether it's on, the axes, and the callback.\n * @returns {UseSwipeResult} The drag's state, its handlers, and a way to drop it.\n */\nexport function useSwipe<T extends Element = Element>({\n  enabled = true,\n  vertical = false,\n  onSwipe,\n}: UseSwipeOptions): UseSwipeResult<T> {\n  const [isSwiping, setIsSwiping] = useState(false);\n  const [start, setStart] = useState(AT_REST);\n  const [offset, setOffset] = useState(AT_REST);\n\n  const begin = useCallback(\n    (x: number, y: number) => {\n      if (!enabled) return;\n      setIsSwiping(true);\n      setStart({ x, y: vertical ? y : 0 });\n      setOffset(AT_REST);\n    },\n    [enabled, vertical]\n  );\n\n  const follow = useCallback(\n    (x: number, y: number) => {\n      if (!isSwiping) return;\n      setOffset({ x: x - start.x, y: vertical ? y - start.y : 0 });\n    },\n    [isSwiping, start, vertical]\n  );\n\n  const end = useCallback(() => {\n    if (!isSwiping) return;\n    setIsSwiping(false);\n\n    if (vertical && Math.abs(offset.y) > Math.abs(offset.x)) {\n      if (offset.y > SWIPE_THRESHOLD) onSwipe('down');\n      else if (offset.y < -SWIPE_THRESHOLD) onSwipe('up');\n    } else if (offset.x < -SWIPE_THRESHOLD) {\n      onSwipe('left');\n    } else if (offset.x > SWIPE_THRESHOLD) {\n      onSwipe('right');\n    }\n\n    setOffset(AT_REST);\n  }, [isSwiping, vertical, offset, onSwipe]);\n\n  const cancel = useCallback(() => {\n    setIsSwiping(false);\n    setOffset(AT_REST);\n  }, []);\n\n  return {\n    isSwiping,\n    offsetX: offset.x,\n    offsetY: offset.y,\n    handlers: {\n      onMouseDown: event => {\n        // Disabled, the press is left as it is: a click still focuses and\n        // text can still be selected.\n        if (!enabled) return;\n        event.preventDefault();\n        begin(event.clientX, event.clientY);\n      },\n      onMouseMove: event => follow(event.clientX, event.clientY),\n      onMouseUp: end,\n      onMouseLeave: end,\n      onTouchStart: event =>\n        begin(event.touches[0].clientX, event.touches[0].clientY),\n      onTouchMove: event =>\n        follow(event.touches[0].clientX, event.touches[0].clientY),\n      onTouchEnd: end,\n    },\n    cancel,\n  };\n}\n"],"names":[],"mappings":"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"}