@payloadcms/ui 4.0.0-internal.183b315 → 4.0.0-internal.1a2a79e

package/dist/hooks/useElementHeightVariable.js

@@ -0,0 +1,53 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect } from 'react';
+/**
+ * Observes an element and publishes its rendered height to a CSS custom property on the document
+ * root (e.g. `--app-header-height`), so layout that depends on that height can be expressed in CSS.
+ * The property is removed on unmount.
+ *
+ * Used by `AppHeader`, `DocumentControls` and `DocumentHeaderRoot` to expose their heights for
+ * sticky offsets and the upload view's scroll-driven sizing.
+ */
+export const useElementHeightVariable = t0 => {
+  const $ = _c(5);
+  const {
+    cssVar,
+    isEnabled: t1,
+    ref
+  } = t0;
+  const isEnabled = t1 === undefined ? true : t1;
+  let t2;
+  let t3;
+  if ($[0] !== cssVar || $[1] !== isEnabled || $[2] !== ref) {
+    t2 = () => {
+      if (!isEnabled) {
+        return;
+      }
+      const el = ref.current;
+      if (!el) {
+        return;
+      }
+      const observer = new ResizeObserver(() => {
+        document.documentElement.style.setProperty(cssVar, `${el.offsetHeight}px`);
+      });
+      observer.observe(el);
+      return () => {
+        observer.disconnect();
+        document.documentElement.style.removeProperty(cssVar);
+      };
+    };
+    t3 = [cssVar, isEnabled, ref];
+    $[0] = cssVar;
+    $[1] = isEnabled;
+    $[2] = ref;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  useEffect(t2, t3);
+};
+//# sourceMappingURL=useElementHeightVariable.js.map

package/dist/hooks/useElementHeightVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementHeightVariable.js","names":["c","_c","useEffect","useElementHeightVariable","t0","$","cssVar","isEnabled","t1","ref","undefined","t2","t3","el","current","observer","ResizeObserver","document","documentElement","style","setProperty","offsetHeight","observe","disconnect","removeProperty"],"sources":["../../src/hooks/useElementHeightVariable.ts"],"sourcesContent":["'use client'\n\nimport type { RefObject } from 'react'\n\nimport { useEffect } from 'react'\n\n/**\n * Observes an element and publishes its rendered height to a CSS custom property on the document\n * root (e.g. `--app-header-height`), so layout that depends on that height can be expressed in CSS.\n * The property is removed on unmount.\n *\n * Used by `AppHeader`, `DocumentControls` and `DocumentHeaderRoot` to expose their heights for\n * sticky offsets and the upload view's scroll-driven sizing.\n */\nexport const useElementHeightVariable = ({\n  cssVar,\n  isEnabled = true,\n  ref,\n}: {\n  cssVar: string\n  isEnabled?: boolean\n  ref: RefObject<HTMLElement | null>\n}): void => {\n  useEffect(() => {\n    if (!isEnabled) {\n      return\n    }\n\n    const el = ref.current\n    if (!el) {\n      return\n    }\n\n    const observer = new ResizeObserver(() => {\n      document.documentElement.style.setProperty(cssVar, `${el.offsetHeight}px`)\n    })\n    observer.observe(el)\n\n    return () => {\n      observer.disconnect()\n      document.documentElement.style.removeProperty(cssVar)\n    }\n  }, [cssVar, isEnabled, ref])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAE1B;;;;;;;;AAQA,OAAO,MAAMC,wBAAA,GAA2BC,EAAA;EAAA,MAAAC,CAAA,GAAAJ,EAAA;EAAC;IAAAK,MAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAL,EAQxC;EANC,MAAAG,SAAA,GAAAC,EAAgB,KAAhBE,SAAgB,GAAhB,IAAgB,GAAhBF,EAAgB;EAAA,IAAAG,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,GAAA;IAONE,EAAA,GAAAA,CAAA;MACR,IAAI,CAACJ,SAAA;QAAA;MAAA;MAIL,MAAAM,EAAA,GAAWJ,GAAA,CAAAK,OAAW;MACtB,IAAI,CAACD,EAAA;QAAA;MAAA;MAIL,MAAAE,QAAA,GAAiB,IAAIC,cAAA,CAAe;QAClCC,QAAA,CAAAC,eAAwB,CAAAC,KAAM,CAAAC,WAAY,CAACd,MAAA,EAAQ,GAAGO,EAAA,CAAAQ,YAAe,IAAI;MAAA,CAC3E;MACAN,QAAA,CAAAO,OAAgB,CAACT,EAAA;MAAA,OAEV;QACLE,QAAA,CAAAQ,UAAmB;QACnBN,QAAA,CAAAC,eAAwB,CAAAC,KAAM,CAAAK,cAAe,CAAClB,MAAA;MAAA,CAChD;IAAA,CACF;IAAGM,EAAA,IAACN,MAAA,EAAQC,SAAA,EAAWE,GAAA,CAAI;IAAAJ,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAI,GAAA;IAAAJ,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAD,EAAA,GAAAN,CAAA;IAAAO,EAAA,GAAAP,CAAA;EAAA;EAnB3BH,SAAA,CAAUS,EAmBV,EAAGC,EAAwB;AAAA,CAC7B","ignoreList":[]}

package/dist/hooks/useHotkey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHotkey.d.ts","sourceRoot":"","sources":["../../src/hooks/useHotkey.ts"],"names":[],"mappings":"AA6DA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GACpB,SAAS;IACP,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,EACD,MAAM,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,KAC/B,IAmEF,CAAA"}
+{"version":3,"file":"useHotkey.d.ts","sourceRoot":"","sources":["../../src/hooks/useHotkey.ts"],"names":[],"mappings":"AA6DA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,YACX;IACP,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,QACK,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,KAC/B,IAmEF,CAAA"}

package/dist/hooks/useHotkey.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHotkey.js","names":["c","_c","useModal","setsAreEqual","useCallback","useEffect","pressedKeys","Map","map","altleft","altright","controlleft","controlright","ctrlleft","ctrlright","escape","metaleft","metaright","osleft","osright","shiftleft","shiftright","stripKey","key","toLowerCase","trim","replace","pushToKeys","code","forEach","time","pressedKey","delete","set","Date","now","removeFromKeys","clear","useHotkey","options","func","$","cmdCtrlKey","editDepth","keyCodes","modalState","t0","event","e","detail","undefined","_temp","hasCmd","window","navigator","userAgent","includes","pressedWithoutModifier","keys","filter","_temp2","Set","has","ctrlKey","maxEditDepth","Object","key_1","isOpen","length","keydown","keyup","_temp3","t1","t2","document","addEventListener","removeEventListener","key_0","e_0"],"sources":["../../src/hooks/useHotkey.ts"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { setsAreEqual } from 'payload/shared'\nimport { useCallback, useEffect } from 'react'\n\n// Required to be outside of hook, else debounce would be necessary\n// and then one could not prevent the default behaviour.\n\n// It maps the pressed keys with the time they were pressed, in order to implement a maximum time\n// for the user to press the next key in the sequence\n\n// This is necessary to prevent a bug where the keyup event, which unsets the key as pressed\n// is not fired when the window is not focused.\n// When the user then comes back to the window, the key is still registered as pressed, even though it's not.\nconst pressedKeys = new Map<string, number>([])\n\nconst map = {\n  altleft: 'alt',\n  altright: 'alt',\n  controlleft: 'ctrl',\n  controlright: 'ctrl',\n  ctrlleft: 'ctrl',\n  ctrlright: 'ctrl',\n  escape: 'esc',\n  metaleft: 'meta',\n  metaright: 'meta',\n  osleft: 'meta',\n  osright: 'meta',\n  shiftleft: 'shift',\n  shiftright: 'shift',\n}\n\nconst stripKey = (key: string) => {\n  return (map[key.toLowerCase()] || key).trim().toLowerCase().replace('key', '')\n}\n\nconst pushToKeys = (code: string) => {\n  const key = stripKey(code)\n\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.forEach(\n      (time, pressedKey) => pressedKey !== 'meta' && pressedKeys.delete(pressedKey),\n    )\n  }\n\n  pressedKeys.set(key, Date.now())\n}\n\nconst removeFromKeys = (code: string) => {\n  const key = stripKey(code)\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.clear()\n  }\n  pressedKeys.delete(key)\n}\n\n/**\n * Hook function to work with hotkeys.\n * @param param0.keyCode {string[]} The keys to listen for (`Event.code` without `'Key'` and lowercased)\n * @param param0.cmdCtrlKey {boolean} Whether Ctrl on windows or Cmd on mac must be pressed\n * @param param0.editDepth {boolean} This ensures that the hotkey is only triggered for the most top-level drawer in case there are nested drawers\n * @param func The callback function\n */\nexport const useHotkey = (\n  options: {\n    cmdCtrlKey: boolean\n    editDepth: number\n    keyCodes: string[]\n  },\n  func: (e: KeyboardEvent) => void,\n): void => {\n  const { cmdCtrlKey, editDepth, keyCodes } = options\n\n  const { modalState } = useModal()\n\n  const keydown = useCallback(\n    (event: CustomEvent | KeyboardEvent) => {\n      const e: KeyboardEvent = event.detail?.key ? event.detail : event\n      if (e.key === undefined) {\n        // Autofill events, or other synthetic events, can be ignored\n        return\n      }\n\n      // Filter out pressed keys which have been pressed > 3 seconds ago\n      pressedKeys.forEach((time, key) => {\n        if (Date.now() - time > 3000) {\n          pressedKeys.delete(key)\n        }\n      })\n\n      if (e.code) {\n        pushToKeys(e.code)\n      }\n\n      // Check for Mac and iPad\n      const hasCmd = window.navigator.userAgent.includes('Mac OS X')\n      const pressedWithoutModifier = [...pressedKeys.keys()].filter(\n        (key) => !['alt', 'ctrl', 'meta', 'shift'].includes(key),\n      )\n\n      // Check whether arrays contain the same values (regardless of number of occurrences)\n      if (\n        setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) &&\n        (!cmdCtrlKey || (hasCmd && pressedKeys.has('meta')) || (!hasCmd && e.ctrlKey))\n      ) {\n        // get the maximum edit depth by counting the number of open drawers. modalState is and object which contains the state of all drawers.\n        const maxEditDepth =\n          Object.keys(modalState).filter((key) => modalState[key]?.isOpen)?.length + 1 || 1\n\n        if (maxEditDepth !== editDepth) {\n          // We only want to execute the hotkey from the most top-level drawer / edit depth.\n          return\n        }\n        // execute the function associated with the maximum edit depth\n        func(e)\n      }\n    },\n    [keyCodes, cmdCtrlKey, editDepth, modalState, func],\n  )\n\n  const keyup = useCallback((e: KeyboardEvent) => {\n    if (e.code) {\n      removeFromKeys(e.code)\n    }\n  }, [])\n\n  useEffect(() => {\n    document.addEventListener('keydown', keydown, false)\n    document.addEventListener('bypassKeyDown', keydown, false) // this is called if the keydown event's propagation is stopped by react-select\n    document.addEventListener('keyup', keyup, false)\n\n    return () => {\n      document.removeEventListener('keydown', keydown)\n      document.removeEventListener('bypassKeyDown', keydown)\n      document.removeEventListener('keyup', keyup)\n    }\n  }, [keydown, keyup])\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useHotkey.js","names":["c","_c","useModal","setsAreEqual","useCallback","useEffect","pressedKeys","Map","map","altleft","altright","controlleft","controlright","ctrlleft","ctrlright","escape","metaleft","metaright","osleft","osright","shiftleft","shiftright","stripKey","key","toLowerCase","trim","replace","pushToKeys","code","forEach","time","pressedKey","delete","set","Date","now","removeFromKeys","clear","useHotkey","options","func","$","cmdCtrlKey","editDepth","keyCodes","modalState","t0","event","e","detail","undefined","_temp","hasCmd","window","navigator","userAgent","includes","pressedWithoutModifier","keys","filter","_temp2","Set","has","ctrlKey","maxEditDepth","Object","key_1","isOpen","length","keydown","keyup","_temp3","t1","t2","document","addEventListener","removeEventListener","key_0","e_0"],"sources":["../../src/hooks/useHotkey.ts"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { setsAreEqual } from 'payload/shared'\nimport { useCallback, useEffect } from 'react'\n\n// Required to be outside of hook, else debounce would be necessary\n// and then one could not prevent the default behaviour.\n\n// It maps the pressed keys with the time they were pressed, in order to implement a maximum time\n// for the user to press the next key in the sequence\n\n// This is necessary to prevent a bug where the keyup event, which unsets the key as pressed\n// is not fired when the window is not focused.\n// When the user then comes back to the window, the key is still registered as pressed, even though it's not.\nconst pressedKeys = new Map<string, number>([])\n\nconst map = {\n  altleft: 'alt',\n  altright: 'alt',\n  controlleft: 'ctrl',\n  controlright: 'ctrl',\n  ctrlleft: 'ctrl',\n  ctrlright: 'ctrl',\n  escape: 'esc',\n  metaleft: 'meta',\n  metaright: 'meta',\n  osleft: 'meta',\n  osright: 'meta',\n  shiftleft: 'shift',\n  shiftright: 'shift',\n}\n\nconst stripKey = (key: string) => {\n  return (map[key.toLowerCase()] || key).trim().toLowerCase().replace('key', '')\n}\n\nconst pushToKeys = (code: string) => {\n  const key = stripKey(code)\n\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.forEach(\n      (time, pressedKey) => pressedKey !== 'meta' && pressedKeys.delete(pressedKey),\n    )\n  }\n\n  pressedKeys.set(key, Date.now())\n}\n\nconst removeFromKeys = (code: string) => {\n  const key = stripKey(code)\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.clear()\n  }\n  pressedKeys.delete(key)\n}\n\n/**\n * Hook function to work with hotkeys.\n * @param param0.keyCode {string[]} The keys to listen for (`Event.code` without `'Key'` and lowercased)\n * @param param0.cmdCtrlKey {boolean} Whether Ctrl on windows or Cmd on mac must be pressed\n * @param param0.editDepth {boolean} This ensures that the hotkey is only triggered for the most top-level drawer in case there are nested drawers\n * @param func The callback function\n */\nexport const useHotkey = (\n  options: {\n    cmdCtrlKey: boolean\n    editDepth: number\n    keyCodes: string[]\n  },\n  func: (e: KeyboardEvent) => void,\n): void => {\n  const { cmdCtrlKey, editDepth, keyCodes } = options\n\n  const { modalState } = useModal()\n\n  const keydown = useCallback(\n    (event: CustomEvent | KeyboardEvent) => {\n      const e: KeyboardEvent = event.detail?.key ? event.detail : event\n      if (e.key === undefined) {\n        // Autofill events, or other synthetic events, can be ignored\n        return\n      }\n\n      // Filter out pressed keys which have been pressed > 3 seconds ago\n      pressedKeys.forEach((time, key) => {\n        if (Date.now() - time > 3000) {\n          pressedKeys.delete(key)\n        }\n      })\n\n      if (e.code) {\n        pushToKeys(e.code)\n      }\n\n      // Check for Mac and iPad\n      const hasCmd = window.navigator.userAgent.includes('Mac OS X')\n      const pressedWithoutModifier = [...pressedKeys.keys()].filter(\n        (key) => !['alt', 'ctrl', 'meta', 'shift'].includes(key),\n      )\n\n      // Check whether arrays contain the same values (regardless of number of occurrences)\n      if (\n        setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) &&\n        (!cmdCtrlKey || (hasCmd && pressedKeys.has('meta')) || (!hasCmd && e.ctrlKey))\n      ) {\n        // get the maximum edit depth by counting the number of open drawers. modalState is and object which contains the state of all drawers.\n        const maxEditDepth =\n          Object.keys(modalState).filter((key) => modalState[key]?.isOpen)?.length + 1 || 1\n\n        if (maxEditDepth !== editDepth) {\n          // We only want to execute the hotkey from the most top-level drawer / edit depth.\n          return\n        }\n        // execute the function associated with the maximum edit depth\n        func(e)\n      }\n    },\n    [keyCodes, cmdCtrlKey, editDepth, modalState, func],\n  )\n\n  const keyup = useCallback((e: KeyboardEvent) => {\n    if (e.code) {\n      removeFromKeys(e.code)\n    }\n  }, [])\n\n  useEffect(() => {\n    document.addEventListener('keydown', keydown, false)\n    document.addEventListener('bypassKeyDown', keydown, false) // this is called if the keydown event's propagation is stopped by react-select\n    document.addEventListener('keyup', keyup, false)\n\n    return () => {\n      document.removeEventListener('keydown', keydown)\n      document.removeEventListener('bypassKeyDown', keydown)\n      document.removeEventListener('keyup', keyup)\n    }\n  }, [keydown, keyup])\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/hooks/useIntersect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntersect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,SAAS,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;IACpC,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,WAAW;CAClB,CAAA;AAED,eAAO,MAAM,YAAY,GACvB;;;;CAAuD,EACvD,UAAU,OAAO,KAChB,SA6BF,CAAA"}
+{"version":3,"file":"useIntersect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntersect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,SAAS,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;IACpC,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,WAAW;CAClB,CAAA;AAED,eAAO,MAAM,YAAY;;;;aAEb,OAAO,KAChB,SA6BF,CAAA"}

package/dist/hooks/useIntersect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersect.js","names":["c","_c","useEffect","useRef","useState","useIntersect","t0","disable","$","root","t1","rootMargin","t2","threshold","t3","undefined","entry","updateEntry","node","setNode","observer","window","IntersectionObserver","t4","ent","t5","t6","current","currentObserver","disconnect","observe","t7"],"sources":["../../src/hooks/useIntersect.ts"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useEffect, useRef, useState } from 'react'\n\ntype Intersect = [\n  setNode: React.Dispatch<HTMLElement>,\n  entry: IntersectionObserverEntry,\n  node: HTMLElement,\n]\n\nexport const useIntersect = (\n  { root = null, rootMargin = '0px', threshold = 0 } = {},\n  disable?: boolean,\n): Intersect => {\n  const [entry, updateEntry] = useState<IntersectionObserverEntry>()\n  const [node, setNode] = useState(null)\n\n  const observer = useRef(\n    typeof window !== 'undefined' && 'IntersectionObserver' in window && !disable\n      ? new window.IntersectionObserver(([ent]) => updateEntry(ent), {\n          root,\n          rootMargin,\n          threshold,\n        })\n      : null,\n  )\n\n  useEffect(() => {\n    if (disable) {\n      return\n    }\n    const { current: currentObserver } = observer\n    currentObserver.disconnect()\n\n    if (node) {\n      currentObserver.observe(node)\n    }\n\n    return () => currentObserver.disconnect()\n  }, [node, disable])\n\n  return [setNode, entry, node]\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAQ5C,OAAO,MAAMC,YAAA,GAAeA,CAAAC,EAAA,EAAAC,OAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC1B;IAAAQ,IAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,SAAA,EAAAC;EAAA,IAAAR,EAAuD,KAAAS,SAAA,QAAvDT,EAAuD;EAArD,MAAAG,IAAA,GAAAC,EAAW,KAAAK,SAAA,UAAXL,EAAW;EAAE,MAAAC,UAAA,GAAAC,EAAkB,KAAAG,SAAA,GAAL,KAAK,GAAlBH,EAAkB;EAAE,MAAAC,SAAA,GAAAC,EAAa,KAAAC,SAAA,OAAbD,EAAa;EAGhD,OAAAE,KAAA,EAAAC,WAAA,IAA6Bb,QAAA;EAC7B,OAAAc,IAAA,EAAAC,OAAA,IAAwBf,QAAA,KAAS;EAEjC,MAAAgB,QAAA,GAAiBjB,MAAA,CACf,OAAAkB,MAAA,KAAkB,eAAe,0BAAAA,MAA0B,KAAWd,OAAA,OAAAc,MAAA,CAAAC,oBAAA,CAAAC,EAAA;IACjC,OAAAC,GAAA,IAAAD,EAAK;IAAA,OAAKN,WAAA,CAAYO,GAAA;EAAA;IAAAf,IAAA;IAAAE,UAAA;IAAAE;EAAA,SAKvD;EAAA,IAAAY,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAD,OAAA,IAAAC,CAAA,QAAAU,IAAA;IAGIO,EAAA,GAAAA,CAAA;MAAA,IACJlB,OAAA;QAAA;MAAA;MAGJ;QAAAoB,OAAA,EAAAC;MAAA,IAAqCR,QAAA;MACrCQ,eAAA,CAAAC,UAAA,CAA0B;MAAA,IAEtBX,IAAA;QACFU,eAAA,CAAAE,OAAA,CAAwBZ,IAAA;MAAA;MAAA,aAGbU,eAAA,CAAAC,UAAA,CAA0B;IAAA;IACtCH,EAAA,IAACR,IAAA,EAAMX,OAAA;IAAQC,CAAA,MAAAD,OAAA;IAAAC,CAAA,MAAAU,IAAA;IAAAV,CAAA,MAAAiB,EAAA;IAAAjB,CAAA,MAAAkB,EAAA;EAAA;IAAAD,EAAA,GAAAjB,CAAA;IAAAkB,EAAA,GAAAlB,CAAA;EAAA;EAZlBN,SAAA,CAAUuB,EAYV,EAAGC,EAAe;EAAA,IAAAK,EAAA;EAAA,IAAAvB,CAAA,QAAAQ,KAAA,IAAAR,CAAA,QAAAU,IAAA,IAAAV,CAAA,QAAAW,OAAA;IAEXY,EAAA,IAACZ,OAAA,EAASH,KAAA,EAAOE,IAAA;IAAKV,CAAA,MAAAQ,KAAA;IAAAR,CAAA,MAAAU,IAAA;IAAAV,CAAA,MAAAW,OAAA;IAAAX,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAA,OAAtBuB,EAAsB;AAAA,CAC/B","ignoreList":[]}
+{"version":3,"file":"useIntersect.js","names":["c","_c","useEffect","useRef","useState","useIntersect","t0","disable","$","root","t1","rootMargin","t2","threshold","t3","undefined","entry","updateEntry","node","setNode","observer","window","IntersectionObserver","t4","ent","t5","t6","current","currentObserver","disconnect","observe","t7"],"sources":["../../src/hooks/useIntersect.ts"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useEffect, useRef, useState } from 'react'\n\ntype Intersect = [\n  setNode: React.Dispatch<HTMLElement>,\n  entry: IntersectionObserverEntry,\n  node: HTMLElement,\n]\n\nexport const useIntersect = (\n  { root = null, rootMargin = '0px', threshold = 0 } = {},\n  disable?: boolean,\n): Intersect => {\n  const [entry, updateEntry] = useState<IntersectionObserverEntry>()\n  const [node, setNode] = useState(null)\n\n  const observer = useRef(\n    typeof window !== 'undefined' && 'IntersectionObserver' in window && !disable\n      ? new window.IntersectionObserver(([ent]) => updateEntry(ent), {\n          root,\n          rootMargin,\n          threshold,\n        })\n      : null,\n  )\n\n  useEffect(() => {\n    if (disable) {\n      return\n    }\n    const { current: currentObserver } = observer\n    currentObserver.disconnect()\n\n    if (node) {\n      currentObserver.observe(node)\n    }\n\n    return () => currentObserver.disconnect()\n  }, [node, disable])\n\n  return [setNode, entry, node]\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAQ5C,OAAO,MAAMC,YAAA,GAAeA,CAAAC,EAAA,EAAAC,OAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC1B;IAAAQ,IAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,SAAA,EAAAC;EAAA,IAAAR,EAAuD,KAAvDS,SAAuD,GAAvD,CAAsD,CAAC,GAAvDT,EAAuD;EAArD,MAAAG,IAAA,GAAAC,EAAW,KAAXK,SAAW,GAAX,IAAW,GAAXL,EAAW;EAAE,MAAAC,UAAA,GAAAC,EAAkB,KAAlBG,SAAkB,GAAlB,KAAkB,GAAlBH,EAAkB;EAAE,MAAAC,SAAA,GAAAC,EAAa,KAAbC,SAAa,GAAb,CAAa,GAAbD,EAAa;EAGhD,OAAAE,KAAA,EAAAC,WAAA,IAA6Bb,QAAA;EAC7B,OAAAc,IAAA,EAAAC,OAAA,IAAwBf,QAAA,CAAS;EAEjC,MAAAgB,QAAA,GAAiBjB,MAAA,CACf,OAAOkB,MAAA,KAAW,WAAyC,IAA1B,0BAA0BA,MAAW,IAAtE,CAAsEd,OAMlE,GANJ,IACQc,MAAA,CAAAC,oBAA2B,CAACC,EAAA;IAAC,OAAAC,GAAA,IAAAD,EAAK;IAAA,OAAKN,WAAA,CAAYO,GAAA;EAAA,GAAM;IAAAf,IAAA;IAAAE,UAAA;IAAAE;EAI7D,CACA,IANJ,IAMI;EAAA,IAAAY,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAlB,CAAA,QAAAD,OAAA,IAAAC,CAAA,QAAAU,IAAA;IAGIO,EAAA,GAAAA,CAAA;MACR,IAAIlB,OAAA;QAAA;MAAA;MAGJ;QAAAoB,OAAA,EAAAC;MAAA,IAAqCR,QAAA;MACrCQ,eAAA,CAAAC,UAA0B;MAE1B,IAAIX,IAAA;QACFU,eAAA,CAAAE,OAAuB,CAACZ,IAAA;MAAA;MAC1B,OAEO,MAAMU,eAAA,CAAAC,UAA0B;IAAA,CACzC;IAAGH,EAAA,IAACR,IAAA,EAAMX,OAAA,CAAQ;IAAAC,CAAA,MAAAD,OAAA;IAAAC,CAAA,MAAAU,IAAA;IAAAV,CAAA,MAAAiB,EAAA;IAAAjB,CAAA,MAAAkB,EAAA;EAAA;IAAAD,EAAA,GAAAjB,CAAA;IAAAkB,EAAA,GAAAlB,CAAA;EAAA;EAZlBN,SAAA,CAAUuB,EAYV,EAAGC,EAAe;EAAA,IAAAK,EAAA;EAAA,IAAAvB,CAAA,QAAAQ,KAAA,IAAAR,CAAA,QAAAU,IAAA,IAAAV,CAAA,QAAAW,OAAA;IAEXY,EAAA,IAACZ,OAAA,EAASH,KAAA,EAAOE,IAAA,CAAK;IAAAV,CAAA,MAAAQ,KAAA;IAAAR,CAAA,MAAAU,IAAA;IAAAV,CAAA,MAAAW,OAAA;IAAAX,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAA,OAAtBuB,EAAsB;AAAA,CAC/B","ignoreList":[]}

package/dist/hooks/usePayloadAPI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePayloadAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/usePayloadAPI.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,MAAM,GAAG;IACZ;QACE,IAAI,EAAE,GAAG,CAAA;QACT,OAAO,EAAE,OAAO,CAAA;QAChB,SAAS,EAAE,OAAO,CAAA;KACnB;IACD;QACE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;KACnC;CACF,CAAA;AAED,KAAK,OAAO,GAAG;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,MAAM,CAAA;AAE/D,eAAO,MAAM,aAAa,EAAE,aAkF3B,CAAA"}
+{"version":3,"file":"usePayloadAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/usePayloadAPI.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,KAAK,MAAM,GAAG;IACZ;QACE,IAAI,EAAE,GAAG,CAAA;QACT,OAAO,EAAE,OAAO,CAAA;QAChB,SAAS,EAAE,OAAO,CAAA;KACnB;IACD;QACE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;KACnC;CACF,CAAA;AAED,KAAK,OAAO,GAAG;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,MAAM,CAAA;AAE/D,eAAO,MAAM,aAAa,EAAE,aAqF3B,CAAA"}

package/dist/hooks/usePayloadAPI.js

@@ -3,11 +3,12 @@
 import { c as _c } from "react/compiler-runtime";
 import * as qs from 'qs-esm';
 import { useEffect, useRef, useState } from 'react';
+import { useBranchParam } from '../providers/Branch/index.js';
 import { useLocale } from '../providers/Locale/index.js';
 import { useTranslation } from '../providers/Translation/index.js';
 import { requests } from '../utilities/api.js';
 export const usePayloadAPI = (url, t0) => {
-  const $ = _c(30);
+  const $ = _c(31);
   let t1;
   if ($[0] !== t0) {
     t1 = t0 === undefined ? {} : t0;
@@ -45,27 +46,29 @@ export const usePayloadAPI = (url, t0) => {
   const [params, setParams] = useState(initialParams);
   const [isLoading, setIsLoading] = useState(!initialData);
   const [isError, setIsError] = useState(false);
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
+  const branch = useBranchParam();
   const hasInitialized = useRef(false);
   let t5;
-  if ($[6] !== locale || $[7] !== params) {
+  if ($[6] !== branch || $[7] !== locale || $[8] !== params) {
     t5 = qs.stringify({
+      branch,
       locale,
       ...(typeof params === "object" ? params : {})
     }, {
       addQueryPrefix: true
     });
-    $[6] = locale;
-    $[7] = params;
-    $[8] = t5;
+    $[6] = branch;
+    $[7] = locale;
+    $[8] = params;
+    $[9] = t5;
   } else {
-    t5 = $[8];
+    t5 = $[9];
   }
   const search = t5;
   let t6;
-  if ($[9] !== i18n.language || $[10] !== initialData || $[11] !== search || $[12] !== url) {
+  if ($[10] !== i18n.language || $[11] !== initialData || $[12] !== search || $[13] !== url) {
     t6 = () => {
       if (initialData && !hasInitialized.current) {
         hasInitialized.current = true;
@@ -111,74 +114,74 @@ export const usePayloadAPI = (url, t0) => {
         }
       };
     };
-    $[9] = i18n.language;
-    $[10] = initialData;
-    $[11] = search;
-    $[12] = url;
-    $[13] = t6;
+    $[10] = i18n.language;
+    $[11] = initialData;
+    $[12] = search;
+    $[13] = url;
+    $[14] = t6;
   } else {
-    t6 = $[13];
+    t6 = $[14];
   }
   let t7;
-  if ($[14] !== i18n.language || $[15] !== initialData || $[16] !== locale || $[17] !== search || $[18] !== url) {
+  if ($[15] !== i18n.language || $[16] !== initialData || $[17] !== locale || $[18] !== search || $[19] !== url) {
     t7 = [url, locale, search, i18n.language, initialData];
-    $[14] = i18n.language;
-    $[15] = initialData;
-    $[16] = locale;
-    $[17] = search;
-    $[18] = url;
-    $[19] = t7;
+    $[15] = i18n.language;
+    $[16] = initialData;
+    $[17] = locale;
+    $[18] = search;
+    $[19] = url;
+    $[20] = t7;
   } else {
-    t7 = $[19];
+    t7 = $[20];
   }
   useEffect(t6, t7);
   let t8;
   let t9;
-  if ($[20] !== initialData) {
+  if ($[21] !== initialData) {
     t8 = () => {
       if (initialData && hasInitialized.current) {
         setData(initialData);
       }
     };
     t9 = [initialData];
-    $[20] = initialData;
-    $[21] = t8;
-    $[22] = t9;
+    $[21] = initialData;
+    $[22] = t8;
+    $[23] = t9;
   } else {
-    t8 = $[21];
-    t9 = $[22];
+    t8 = $[22];
+    t9 = $[23];
   }
   useEffect(t8, t9);
   let t10;
-  if ($[23] !== data || $[24] !== isError || $[25] !== isLoading) {
+  if ($[24] !== data || $[25] !== isError || $[26] !== isLoading) {
     t10 = {
       data,
       isError,
       isLoading
     };
-    $[23] = data;
-    $[24] = isError;
-    $[25] = isLoading;
-    $[26] = t10;
+    $[24] = data;
+    $[25] = isError;
+    $[26] = isLoading;
+    $[27] = t10;
   } else {
-    t10 = $[26];
+    t10 = $[27];
   }
   let t11;
-  if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
     t11 = {
       setParams
     };
-    $[27] = t11;
+    $[28] = t11;
   } else {
-    t11 = $[27];
+    t11 = $[28];
   }
   let t12;
-  if ($[28] !== t10) {
+  if ($[29] !== t10) {
     t12 = [t10, t11];
-    $[28] = t10;
-    $[29] = t12;
+    $[29] = t10;
+    $[30] = t12;
   } else {
-    t12 = $[29];
+    t12 = $[30];
   }
   return t12;
 };

package/dist/hooks/usePayloadAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePayloadAPI.js","names":["c","_c","qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","t0","$","t1","undefined","options","initialData","initialParams","t2","t3","i18n","t4","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","code","locale","hasInitialized","t5","stringify","addQueryPrefix","search","t6","language","current","abortController","AbortController","fetchData","response","get","headers","signal","status","json","t7","aborted","abort","t8","_err","t9","t10","t11","Symbol","for","t12"],"sources":["../../src/hooks/usePayloadAPI.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport * as qs from 'qs-esm'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../providers/Locale/index.js'\nimport { useTranslation } from '../providers/Translation/index.js'\nimport { requests } from '../utilities/api.js'\n\ntype Result = [\n  {\n    data: any\n    isError: boolean\n    isLoading: boolean\n  },\n  {\n    setParams: React.Dispatch<unknown>\n  },\n]\n\ntype Options = {\n  initialData?: any\n  initialParams?: unknown\n}\n\ntype UsePayloadAPI = (url: string, options?: Options) => Result\n\nexport const usePayloadAPI: UsePayloadAPI = (url, options = {}) => {\n  const { initialData, initialParams = {} } = options\n\n  const { i18n } = useTranslation()\n  const [data, setData] = useState(initialData || {})\n  const [params, setParams] = useState(initialParams)\n  const [isLoading, setIsLoading] = useState(!initialData)\n  const [isError, setIsError] = useState(false)\n  const { code: locale } = useLocale()\n  const hasInitialized = useRef(false)\n\n  const search = qs.stringify(\n    {\n      locale,\n      ...(typeof params === 'object' ? params : {}),\n    },\n    {\n      addQueryPrefix: true,\n    },\n  )\n\n  // If `initialData`, no need to make a request\n  useEffect(() => {\n    if (initialData && !hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n\n      try {\n        const response = await requests.get(`${url}${search}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          signal: abortController.signal,\n        })\n\n        if (response.status > 201) {\n          setIsError(true)\n        }\n\n        const json = await response.json()\n\n        setData(json)\n        setIsLoading(false)\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setIsError(true)\n          setIsLoading(false)\n        }\n      }\n    }\n\n    if (url) {\n      void fetchData()\n    } else {\n      setIsError(false)\n      setIsLoading(false)\n    }\n\n    return () => {\n      try {\n        abortController.abort()\n      } catch (_err) {\n        // swallow error\n      }\n    }\n  }, [url, locale, search, i18n.language, initialData])\n\n  // If `initialData` changes, reset the state\n  useEffect(() => {\n    if (initialData && hasInitialized.current) {\n      setData(initialData)\n    }\n  }, [initialData])\n\n  return [{ data, isError, isLoading }, { setParams }]\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"usePayloadAPI.js","names":["c","_c","qs","useEffect","useRef","useState","useBranchParam","useLocale","useTranslation","requests","usePayloadAPI","url","t0","$","t1","undefined","options","initialData","initialParams","t2","t3","i18n","t4","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","currentLocale","locale","code","branch","hasInitialized","t5","stringify","addQueryPrefix","search","t6","language","current","abortController","AbortController","fetchData","response","get","headers","signal","status","json","t7","aborted","abort","t8","_err","t9","t10","t11","Symbol","for","t12"],"sources":["../../src/hooks/usePayloadAPI.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport * as qs from 'qs-esm'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useBranchParam } from '../providers/Branch/index.js'\nimport { useLocale } from '../providers/Locale/index.js'\nimport { useTranslation } from '../providers/Translation/index.js'\nimport { requests } from '../utilities/api.js'\n\ntype Result = [\n  {\n    data: any\n    isError: boolean\n    isLoading: boolean\n  },\n  {\n    setParams: React.Dispatch<unknown>\n  },\n]\n\ntype Options = {\n  initialData?: any\n  initialParams?: unknown\n}\n\ntype UsePayloadAPI = (url: string, options?: Options) => Result\n\nexport const usePayloadAPI: UsePayloadAPI = (url, options = {}) => {\n  const { initialData, initialParams = {} } = options\n\n  const { i18n } = useTranslation()\n  const [data, setData] = useState(initialData || {})\n  const [params, setParams] = useState(initialParams)\n  const [isLoading, setIsLoading] = useState(!initialData)\n  const [isError, setIsError] = useState(false)\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const branch = useBranchParam()\n  const hasInitialized = useRef(false)\n\n  const search = qs.stringify(\n    {\n      branch,\n      locale,\n      ...(typeof params === 'object' ? params : {}),\n    },\n    {\n      addQueryPrefix: true,\n    },\n  )\n\n  // If `initialData`, no need to make a request\n  useEffect(() => {\n    if (initialData && !hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n\n      try {\n        const response = await requests.get(`${url}${search}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          signal: abortController.signal,\n        })\n\n        if (response.status > 201) {\n          setIsError(true)\n        }\n\n        const json = await response.json()\n\n        setData(json)\n        setIsLoading(false)\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setIsError(true)\n          setIsLoading(false)\n        }\n      }\n    }\n\n    if (url) {\n      void fetchData()\n    } else {\n      setIsError(false)\n      setIsLoading(false)\n    }\n\n    return () => {\n      try {\n        abortController.abort()\n      } catch (_err) {\n        // swallow error\n      }\n    }\n  }, [url, locale, search, i18n.language, initialData])\n\n  // If `initialData` changes, reset the state\n  useEffect(() => {\n    if (initialData && hasInitialized.current) {\n      setData(initialData)\n    }\n  }, [initialData])\n\n  return [{ data, isError, isLoading }, { setParams }]\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/hooks/usePointerSafeArea.d.ts

@@ -0,0 +1,29 @@
+import type { RefObject } from 'react';
+export type PointerPosition = {
+    x: number;
+    y: number;
+};
+type UsePointerSafeAreaArgs = {
+    enabled: boolean;
+    from: RefObject<HTMLElement | null>;
+    idleTimeout?: number;
+    onChange: (args: {
+        polygon: null | string;
+    }) => void;
+    onRelease: (pointer: PointerPosition) => void;
+    to: RefObject<HTMLElement | null>;
+};
+/** Tracks a safe area for pointer travel between two elements in either direction. */
+export declare const usePointerSafeArea: ({ enabled, from, idleTimeout, onChange, onRelease, to, }: UsePointerSafeAreaArgs) => {
+    clear: () => void;
+    isProtected: () => boolean;
+    isTracking: () => boolean;
+    protect: ({ pointer }: {
+        pointer: PointerPosition;
+    }) => boolean;
+    refresh: () => boolean;
+    trackSource: (pointer: PointerPosition) => void;
+    trackTarget: (pointer: PointerPosition) => void;
+};
+export {};
+//# sourceMappingURL=usePointerSafeArea.d.ts.map

package/dist/hooks/usePointerSafeArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerSafeArea.d.ts","sourceRoot":"","sources":["../../src/hooks/usePointerSafeArea.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,eAAe,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEtD,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,IAAI,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACpD,SAAS,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;IAC7C,EAAE,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAClC,CAAA;AAED,sFAAsF;AACtF,eAAO,MAAM,kBAAkB,6DAO5B,sBAAsB;;;;2BAuIE;QAAE,OAAO,EAAE,eAAe,CAAA;KAAE;;2BAzEzC,eAAe;2BASf,eAAe;CAqE5B,CAAA"}

package/dist/hooks/usePointerSafeArea.js

@@ -0,0 +1,232 @@
+import { useCallback, useEffect, useRef } from 'react';
+/** Tracks a safe area for pointer travel between two elements in either direction. */
+export const usePointerSafeArea = ({
+  enabled,
+  from,
+  idleTimeout = 300,
+  onChange,
+  onRelease,
+  to
+}) => {
+  const origin = useRef(undefined);
+  const isReturning = useRef(false);
+  const isProtected = useRef(false);
+  const idleTimer = useRef(undefined);
+  const callbacks = useRef({
+    onChange,
+    onRelease
+  });
+  useEffect(() => {
+    callbacks.current = {
+      onChange,
+      onRelease
+    };
+  }, [onChange, onRelease]);
+  const clear = useCallback(() => {
+    clearTimeout(idleTimer.current);
+    idleTimer.current = undefined;
+    if (isProtected.current) {
+      isProtected.current = false;
+      callbacks.current.onChange({
+        polygon: null
+      });
+    }
+    origin.current = undefined;
+  }, []);
+  const release = useCallback(pointer => {
+    clear();
+    callbacks.current.onRelease(pointer);
+  }, [clear]);
+  const update = useCallback(({
+    pointer
+  } = {}) => {
+    const target = isReturning.current ? from.current : to.current;
+    const start = origin.current;
+    if (!enabled || !target || !start || !pointer && !isProtected.current) {
+      return false;
+    }
+    const rect = target.getBoundingClientRect();
+    if (rect.left <= start.x && rect.right >= start.x) {
+      return false;
+    }
+    const points = getSafeAreaPoints({
+      rect,
+      start
+    });
+    if (pointer && !isInsideSafeArea({
+      pointer,
+      points
+    })) {
+      return false;
+    }
+    isProtected.current = true;
+    callbacks.current.onChange({
+      polygon: `polygon(${points.map(({
+        x,
+        y
+      }) => `${x}px ${y}px`).join(', ')})`
+    });
+    if (pointer) {
+      clearTimeout(idleTimer.current);
+      idleTimer.current = setTimeout(() => release(pointer), idleTimeout);
+    }
+    return true;
+  }, [enabled, from, idleTimeout, release, to]);
+  const trackSource = useCallback(pointer => {
+    clear();
+    origin.current = pointer;
+    isReturning.current = false;
+  }, [clear]);
+  const trackTarget = useCallback(pointer => {
+    // A keyboard-opened target does not start pointer tracking on its own.
+    if (!origin.current) {
+      return;
+    }
+    clear();
+    origin.current = pointer;
+    isReturning.current = true;
+  }, [clear]);
+  useEffect(() => {
+    if (!enabled) {
+      clear();
+      return;
+    }
+    const handleMove = event => {
+      if (event.pointerType !== 'mouse' || !origin.current) {
+        return;
+      }
+      const pointer = {
+        x: event.clientX,
+        y: event.clientY
+      };
+      const target = event.target;
+      if (target && from.current?.contains(target)) {
+        trackSource(pointer);
+      } else if (target && to.current?.contains(target)) {
+        trackTarget(pointer);
+      } else if (isProtected.current && !update({
+        pointer
+      })) {
+        release(pointer);
+      }
+    };
+    const handlePress = event => {
+      if (event.pointerType === 'mouse') {
+        // Preserve tracking after clicks that keep either endpoint open, while
+        // letting clicks elsewhere reach their target without sending a replacement event.
+        const pointer = {
+          x: event.clientX,
+          y: event.clientY
+        };
+        const target = event.target;
+        if (target && from.current?.contains(target)) {
+          trackSource(pointer);
+        } else if (target && to.current?.contains(target)) {
+          trackTarget(pointer);
+        } else {
+          clear();
+        }
+      }
+    };
+    const document = from.current?.ownerDocument;
+    document?.addEventListener('pointermove', handleMove, {
+      capture: true,
+      passive: true
+    });
+    document?.addEventListener('pointerdown', handlePress, {
+      capture: true,
+      passive: true
+    });
+    return () => {
+      document?.removeEventListener('pointermove', handleMove, {
+        capture: true
+      });
+      document?.removeEventListener('pointerdown', handlePress, {
+        capture: true
+      });
+      clear();
+    };
+  }, [clear, enabled, from, release, to, trackSource, trackTarget, update]);
+  return {
+    clear,
+    isProtected: useCallback(() => isProtected.current, []),
+    isTracking: useCallback(() => origin.current !== undefined, []),
+    protect: ({
+      pointer
+    }) => update({
+      pointer
+    }),
+    refresh: () => update(),
+    trackSource,
+    trackTarget
+  };
+};
+const isInsideSafeArea = ({
+  pointer,
+  points
+}) => points.every((edgeStart, index) => isPointerInsideEdge({
+  edgeEnd: points[(index + 1) % points.length],
+  edgeStart,
+  pointer
+}));
+// The convex hull covers the whole destination, allowing return paths to enter
+// through its top or bottom as well as its nearest edge.
+const getSafeAreaPoints = ({
+  rect,
+  start
+}) => {
+  const points = [{
+    x: start.x,
+    y: start.y - 4
+  }, {
+    x: start.x,
+    y: start.y + 4
+  }, {
+    x: rect.left,
+    y: rect.top
+  }, {
+    x: rect.right,
+    y: rect.top
+  }, {
+    x: rect.right,
+    y: rect.bottom
+  }, {
+    x: rect.left,
+    y: rect.bottom
+  }].sort((a, b) => a.x - b.x || a.y - b.y);
+  const getOuterEdge = ({
+    orderedPoints
+  }) => {
+    const edge = [];
+    for (const point of orderedPoints) {
+      while (edge.length > 1) {
+        const previous = edge[edge.length - 2];
+        const corner = edge[edge.length - 1];
+        const edgeX = corner.x - previous.x;
+        const edgeY = corner.y - previous.y;
+        const pointX = point.x - previous.x;
+        const pointY = point.y - previous.y;
+        const shouldRemoveCorner = edgeX * pointY - edgeY * pointX <= 0;
+        // Remove corners that bend into the area or lie on a straight edge.
+        if (!shouldRemoveCorner) {
+          break;
+        }
+        edge.pop();
+      }
+      edge.push(point);
+    }
+    return edge.slice(0, -1);
+  };
+  return [...getOuterEdge({
+    orderedPoints: points
+  }), ...getOuterEdge({
+    orderedPoints: [...points].reverse()
+  })];
+};
+// Edges follow the safe area's point order. Points on the boundary count as inside.
+const isPointerInsideEdge = ({
+  edgeEnd,
+  edgeStart,
+  pointer
+}) => (edgeEnd.x - edgeStart.x) * (pointer.y - edgeStart.y) - (edgeEnd.y - edgeStart.y) * (pointer.x - edgeStart.x) >= 0;
+//# sourceMappingURL=usePointerSafeArea.js.map