@veeqo/ui 14.0.3 → 14.0.4

package/dist/hooks/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\n/**\n * Close a menu or modal by clicking out of it\n */\nexport const useClickOutside = (isOpen: boolean, onClose: () => void) => {\n  const ref = useRef(null);\n\n  const escapeListener = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  const clickListener = useCallback(\n    (e: MouseEvent) => {\n      if (!(ref.current! as any).contains(e.target)) {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('click', clickListener);\n      document.addEventListener('keyup', escapeListener);\n      return () => {\n        document.removeEventListener('click', clickListener);\n        document.removeEventListener('keyup', escapeListener);\n      };\n    }\n    return undefined;\n  }, [clickListener, escapeListener, isOpen]);\n\n  return ref;\n};\n"],"names":[],"mappings":";;AAEA;;AAEG;MACU,eAAe,GAAG,CAAC,MAAe,EAAE,OAAmB,KAAI;AACtE,IAAA,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC;AAExB,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAgB,KAAI;AACnB,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AACtB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,SAAA,GAAA,SAAA,GAAA,OAAO,EAAI;AACZ;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAa,KAAI;QAChB,IAAI,CAAE,GAAG,CAAC,OAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;AAC7C,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,SAAA,GAAA,SAAA,GAAA,OAAO,EAAI;AACZ;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC;AACjD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC;AAClD,YAAA,OAAO,MAAK;AACV,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC;AACpD,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC;AACvD,aAAC;AACF;AACD,QAAA,OAAO,SAAS;KACjB,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE3C,IAAA,OAAO,GAAG;AACZ;;;;"}
+{"version":3,"file":"useClickOutside.js","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\n/**\n * Close a menu or modal by clicking out of it\n */\nexport const useClickOutside = (isOpen: boolean, onClose: () => void) => {\n  const ref = useRef(null);\n\n  const escapeListener = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  const clickListener = useCallback(\n    (e: MouseEvent) => {\n      if (!(ref.current! as any).contains(e.target)) {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('click', clickListener);\n      document.addEventListener('keyup', escapeListener);\n      return () => {\n        document.removeEventListener('click', clickListener);\n        document.removeEventListener('keyup', escapeListener);\n      };\n    }\n    return undefined;\n  }, [clickListener, escapeListener, isOpen]);\n\n  return ref;\n};\n"],"names":[],"mappings":";;AAEA;;AAEG;MACU,eAAe,GAAG,CAAC,MAAe,EAAE,OAAmB,KAAI;AACtE,IAAA,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC;AAExB,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAgB,KAAI;AACnB,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AACtB,YAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,EAAI;AACZ,QAAA;AACH,IAAA,CAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAa,KAAI;QAChB,IAAI,CAAE,GAAG,CAAC,OAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;AAC7C,YAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,EAAI;AACZ,QAAA;AACH,IAAA,CAAC,EACD,CAAC,OAAO,CAAC,CACV;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC;AACjD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC;AAClD,YAAA,OAAO,MAAK;AACV,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC;AACpD,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC;AACvD,YAAA,CAAC;AACF,QAAA;AACD,QAAA,OAAO,SAAS;IAClB,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE3C,IAAA,OAAO,GAAG;AACZ;;;;"}

package/dist/hooks/useDebounce.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.cjs","sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nexport const useDebounce = (value: any, timeout: number) => {\n  const [state, setState] = useState(value);\n\n  useEffect(() => {\n    // Set timeout to run after delay\n    const handler = setTimeout(() => setState(value), timeout);\n\n    // clear the setTimeout listener on unMount\n    return () => clearTimeout(handler);\n  }, [value, timeout]);\n\n  return state;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;MAEa,WAAW,GAAG,CAAC,KAAU,EAAE,OAAe,KAAI;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAEzCC,eAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;;AAG1D,QAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;AACpC,KAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAEpB,IAAA,OAAO,KAAK;AACd;;;;"}
+{"version":3,"file":"useDebounce.cjs","sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nexport const useDebounce = (value: any, timeout: number) => {\n  const [state, setState] = useState(value);\n\n  useEffect(() => {\n    // Set timeout to run after delay\n    const handler = setTimeout(() => setState(value), timeout);\n\n    // clear the setTimeout listener on unMount\n    return () => clearTimeout(handler);\n  }, [value, timeout]);\n\n  return state;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;MAEa,WAAW,GAAG,CAAC,KAAU,EAAE,OAAe,KAAI;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAEzCC,eAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;;AAG1D,QAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;AACpC,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAEpB,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/hooks/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nexport const useDebounce = (value: any, timeout: number) => {\n  const [state, setState] = useState(value);\n\n  useEffect(() => {\n    // Set timeout to run after delay\n    const handler = setTimeout(() => setState(value), timeout);\n\n    // clear the setTimeout listener on unMount\n    return () => clearTimeout(handler);\n  }, [value, timeout]);\n\n  return state;\n};\n"],"names":[],"mappings":";;MAEa,WAAW,GAAG,CAAC,KAAU,EAAE,OAAe,KAAI;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEzC,SAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;;AAG1D,QAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;AACpC,KAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAEpB,IAAA,OAAO,KAAK;AACd;;;;"}
+{"version":3,"file":"useDebounce.js","sources":["../../src/hooks/useDebounce.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nexport const useDebounce = (value: any, timeout: number) => {\n  const [state, setState] = useState(value);\n\n  useEffect(() => {\n    // Set timeout to run after delay\n    const handler = setTimeout(() => setState(value), timeout);\n\n    // clear the setTimeout listener on unMount\n    return () => clearTimeout(handler);\n  }, [value, timeout]);\n\n  return state;\n};\n"],"names":[],"mappings":";;MAEa,WAAW,GAAG,CAAC,KAAU,EAAE,OAAe,KAAI;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEzC,SAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;;AAG1D,QAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;AACpC,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAEpB,IAAA,OAAO,KAAK;AACd;;;;"}

package/dist/hooks/useDragToScroll.cjs

@@ -47,7 +47,7 @@ function useDragToScroll({ targetRef, ignoreClassName }) {
              */
             if (ignoreClassName &&
                 e.target instanceof HTMLElement &&
-                ((_c = (_b = (_a = e.target) === null || _a === undefined ? undefined : _a.classList) === null || _b === undefined ? undefined : _b.contains) === null || _c === undefined ? undefined : _c.call(_b, ignoreClassName))) {
+                ((_c = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains) === null || _c === void 0 ? void 0 : _c.call(_b, ignoreClassName))) {
                 return;
             }
             position.left = scrollTarget.scrollLeft;
@@ -57,7 +57,7 @@ function useDragToScroll({ targetRef, ignoreClassName }) {
         };
         scrollTarget.addEventListener('mousedown', mouseDownHandler);
         /* eslint-disable-next-line consistent-return */
-        return () => scrollTarget === null || scrollTarget === undefined ? undefined : scrollTarget.removeEventListener('mousedown', mouseDownHandler);
+        return () => scrollTarget === null || scrollTarget === void 0 ? void 0 : scrollTarget.removeEventListener('mousedown', mouseDownHandler);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [targetRef.current]);
 }

package/dist/hooks/useDragToScroll.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDragToScroll.cjs","sources":["../../src/hooks/useDragToScroll.ts"],"sourcesContent":["import { useEffect, RefObject } from 'react';\n\ntype UseDragToScrollProps = {\n  targetRef: RefObject<HTMLElement>;\n  ignoreClassName?: string;\n};\n\n/**\n * Hook which allows the user to scroll horizontally by dragging on a given target element.\n * @param targetRef - The ref of the element to scroll.\n * @param ignoreClassName - The className of any elements which should be excluded from the dragging behaviour.\n */\nexport function useDragToScroll({ targetRef, ignoreClassName }: UseDragToScrollProps) {\n  useEffect(() => {\n    if (!targetRef.current) return;\n\n    let isDragging = false;\n    const scrollTarget = targetRef.current;\n    const position = {\n      left: 0,\n      x: 0,\n    };\n\n    const mouseMoveHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      const dx = e.clientX - position.x;\n      scrollTarget.scrollLeft = position.left - dx;\n      if (!isDragging) {\n        scrollTarget.style.cursor = 'grabbing';\n        scrollTarget.style.userSelect = 'none';\n      }\n      isDragging = true;\n    };\n\n    const mouseUpHandler = () => {\n      document.removeEventListener('mousemove', mouseMoveHandler);\n      document.removeEventListener('mouseup', mouseUpHandler);\n      isDragging = false;\n      if (!scrollTarget) return;\n      scrollTarget.style.removeProperty('cursor');\n      scrollTarget.style.removeProperty('user-select');\n    };\n\n    const mouseDownHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      /** NOTE: prevents table scroll when resizing columns,\n       * unable to use event.stopPropogation as event is a react Synthetic event which treats the event as the same, as they are on the same node, is discussed here\n       * https://dev.to/dvnrsn/why-isn-t-event-stoppropagation-working-1bnm.\n       */\n      if (\n        ignoreClassName &&\n        e.target instanceof HTMLElement &&\n        e.target?.classList?.contains?.(ignoreClassName)\n      ) {\n        return;\n      }\n\n      position.left = scrollTarget.scrollLeft;\n      position.x = e.clientX;\n      document.addEventListener('mousemove', mouseMoveHandler);\n      document.addEventListener('mouseup', mouseUpHandler);\n    };\n\n    scrollTarget.addEventListener('mousedown', mouseDownHandler);\n\n    /* eslint-disable-next-line consistent-return */\n    return () => scrollTarget?.removeEventListener('mousedown', mouseDownHandler);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [targetRef.current]);\n}\n"],"names":["useEffect"],"mappings":";;;;AAOA;;;;AAIG;SACa,eAAe,CAAC,EAAE,SAAS,EAAE,eAAe,EAAwB,EAAA;IAClFA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;QAExB,IAAI,UAAU,GAAG,KAAK;AACtB,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,QAAA,MAAM,QAAQ,GAAG;AACf,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,CAAC,EAAE,CAAC;SACL;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;YACnB,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;YACjC,YAAY,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,GAAG,EAAE;YAC5C,IAAI,CAAC,UAAU,EAAE;AACf,gBAAA,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU;AACtC,gBAAA,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;AACvC;YACD,UAAU,GAAG,IAAI;AACnB,SAAC;QAED,MAAM,cAAc,GAAG,MAAK;AAC1B,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AAC3D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC;YACvD,UAAU,GAAG,KAAK;AAClB,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;AAC3C,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;AAClD,SAAC;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB;;;AAGG;AACH,YAAA,IACE,eAAe;gBACf,CAAC,CAAC,MAAM,YAAY,WAAW;AAC/B,iBAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAC,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,eAAe,CAAC,CAAA,EAChD;gBACA;AACD;AAED,YAAA,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC,UAAU;AACvC,YAAA,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO;AACtB,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AACxD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC;AACtD,SAAC;AAED,QAAA,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAG5D,QAAA,OAAO,MAAM,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAE/E,KAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB;;;;"}
+{"version":3,"file":"useDragToScroll.cjs","sources":["../../src/hooks/useDragToScroll.ts"],"sourcesContent":["import { useEffect, RefObject } from 'react';\n\ntype UseDragToScrollProps = {\n  targetRef: RefObject<HTMLElement>;\n  ignoreClassName?: string;\n};\n\n/**\n * Hook which allows the user to scroll horizontally by dragging on a given target element.\n * @param targetRef - The ref of the element to scroll.\n * @param ignoreClassName - The className of any elements which should be excluded from the dragging behaviour.\n */\nexport function useDragToScroll({ targetRef, ignoreClassName }: UseDragToScrollProps) {\n  useEffect(() => {\n    if (!targetRef.current) return;\n\n    let isDragging = false;\n    const scrollTarget = targetRef.current;\n    const position = {\n      left: 0,\n      x: 0,\n    };\n\n    const mouseMoveHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      const dx = e.clientX - position.x;\n      scrollTarget.scrollLeft = position.left - dx;\n      if (!isDragging) {\n        scrollTarget.style.cursor = 'grabbing';\n        scrollTarget.style.userSelect = 'none';\n      }\n      isDragging = true;\n    };\n\n    const mouseUpHandler = () => {\n      document.removeEventListener('mousemove', mouseMoveHandler);\n      document.removeEventListener('mouseup', mouseUpHandler);\n      isDragging = false;\n      if (!scrollTarget) return;\n      scrollTarget.style.removeProperty('cursor');\n      scrollTarget.style.removeProperty('user-select');\n    };\n\n    const mouseDownHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      /** NOTE: prevents table scroll when resizing columns,\n       * unable to use event.stopPropogation as event is a react Synthetic event which treats the event as the same, as they are on the same node, is discussed here\n       * https://dev.to/dvnrsn/why-isn-t-event-stoppropagation-working-1bnm.\n       */\n      if (\n        ignoreClassName &&\n        e.target instanceof HTMLElement &&\n        e.target?.classList?.contains?.(ignoreClassName)\n      ) {\n        return;\n      }\n\n      position.left = scrollTarget.scrollLeft;\n      position.x = e.clientX;\n      document.addEventListener('mousemove', mouseMoveHandler);\n      document.addEventListener('mouseup', mouseUpHandler);\n    };\n\n    scrollTarget.addEventListener('mousedown', mouseDownHandler);\n\n    /* eslint-disable-next-line consistent-return */\n    return () => scrollTarget?.removeEventListener('mousedown', mouseDownHandler);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [targetRef.current]);\n}\n"],"names":["useEffect"],"mappings":";;;;AAOA;;;;AAIG;SACa,eAAe,CAAC,EAAE,SAAS,EAAE,eAAe,EAAwB,EAAA;IAClFA,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;QAExB,IAAI,UAAU,GAAG,KAAK;AACtB,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,QAAA,MAAM,QAAQ,GAAG;AACf,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,CAAC,EAAE,CAAC;SACL;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;YACnB,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;YACjC,YAAY,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,GAAG,EAAE;YAC5C,IAAI,CAAC,UAAU,EAAE;AACf,gBAAA,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU;AACtC,gBAAA,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;AACvC,YAAA;YACD,UAAU,GAAG,IAAI;AACnB,QAAA,CAAC;QAED,MAAM,cAAc,GAAG,MAAK;AAC1B,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AAC3D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC;YACvD,UAAU,GAAG,KAAK;AAClB,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;AAC3C,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;AAClD,QAAA,CAAC;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB;;;AAGG;AACH,YAAA,IACE,eAAe;gBACf,CAAC,CAAC,MAAM,YAAY,WAAW;AAC/B,iBAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAC,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,eAAe,CAAC,CAAA,EAChD;gBACA;AACD,YAAA;AAED,YAAA,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC,UAAU;AACvC,YAAA,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO;AACtB,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AACxD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC;AACtD,QAAA,CAAC;AAED,QAAA,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAG5D,QAAA,OAAO,MAAM,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAE/E,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB;;;;"}

package/dist/hooks/useDragToScroll.js

@@ -45,7 +45,7 @@ function useDragToScroll({ targetRef, ignoreClassName }) {
              */
             if (ignoreClassName &&
                 e.target instanceof HTMLElement &&
-                ((_c = (_b = (_a = e.target) === null || _a === undefined ? undefined : _a.classList) === null || _b === undefined ? undefined : _b.contains) === null || _c === undefined ? undefined : _c.call(_b, ignoreClassName))) {
+                ((_c = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains) === null || _c === void 0 ? void 0 : _c.call(_b, ignoreClassName))) {
                 return;
             }
             position.left = scrollTarget.scrollLeft;
@@ -55,7 +55,7 @@ function useDragToScroll({ targetRef, ignoreClassName }) {
         };
         scrollTarget.addEventListener('mousedown', mouseDownHandler);
         /* eslint-disable-next-line consistent-return */
-        return () => scrollTarget === null || scrollTarget === undefined ? undefined : scrollTarget.removeEventListener('mousedown', mouseDownHandler);
+        return () => scrollTarget === null || scrollTarget === void 0 ? void 0 : scrollTarget.removeEventListener('mousedown', mouseDownHandler);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [targetRef.current]);
 }

package/dist/hooks/useDragToScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragToScroll.js","sources":["../../src/hooks/useDragToScroll.ts"],"sourcesContent":["import { useEffect, RefObject } from 'react';\n\ntype UseDragToScrollProps = {\n  targetRef: RefObject<HTMLElement>;\n  ignoreClassName?: string;\n};\n\n/**\n * Hook which allows the user to scroll horizontally by dragging on a given target element.\n * @param targetRef - The ref of the element to scroll.\n * @param ignoreClassName - The className of any elements which should be excluded from the dragging behaviour.\n */\nexport function useDragToScroll({ targetRef, ignoreClassName }: UseDragToScrollProps) {\n  useEffect(() => {\n    if (!targetRef.current) return;\n\n    let isDragging = false;\n    const scrollTarget = targetRef.current;\n    const position = {\n      left: 0,\n      x: 0,\n    };\n\n    const mouseMoveHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      const dx = e.clientX - position.x;\n      scrollTarget.scrollLeft = position.left - dx;\n      if (!isDragging) {\n        scrollTarget.style.cursor = 'grabbing';\n        scrollTarget.style.userSelect = 'none';\n      }\n      isDragging = true;\n    };\n\n    const mouseUpHandler = () => {\n      document.removeEventListener('mousemove', mouseMoveHandler);\n      document.removeEventListener('mouseup', mouseUpHandler);\n      isDragging = false;\n      if (!scrollTarget) return;\n      scrollTarget.style.removeProperty('cursor');\n      scrollTarget.style.removeProperty('user-select');\n    };\n\n    const mouseDownHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      /** NOTE: prevents table scroll when resizing columns,\n       * unable to use event.stopPropogation as event is a react Synthetic event which treats the event as the same, as they are on the same node, is discussed here\n       * https://dev.to/dvnrsn/why-isn-t-event-stoppropagation-working-1bnm.\n       */\n      if (\n        ignoreClassName &&\n        e.target instanceof HTMLElement &&\n        e.target?.classList?.contains?.(ignoreClassName)\n      ) {\n        return;\n      }\n\n      position.left = scrollTarget.scrollLeft;\n      position.x = e.clientX;\n      document.addEventListener('mousemove', mouseMoveHandler);\n      document.addEventListener('mouseup', mouseUpHandler);\n    };\n\n    scrollTarget.addEventListener('mousedown', mouseDownHandler);\n\n    /* eslint-disable-next-line consistent-return */\n    return () => scrollTarget?.removeEventListener('mousedown', mouseDownHandler);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [targetRef.current]);\n}\n"],"names":[],"mappings":";;AAOA;;;;AAIG;SACa,eAAe,CAAC,EAAE,SAAS,EAAE,eAAe,EAAwB,EAAA;IAClF,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;QAExB,IAAI,UAAU,GAAG,KAAK;AACtB,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,QAAA,MAAM,QAAQ,GAAG;AACf,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,CAAC,EAAE,CAAC;SACL;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;YACnB,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;YACjC,YAAY,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,GAAG,EAAE;YAC5C,IAAI,CAAC,UAAU,EAAE;AACf,gBAAA,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU;AACtC,gBAAA,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;AACvC;YACD,UAAU,GAAG,IAAI;AACnB,SAAC;QAED,MAAM,cAAc,GAAG,MAAK;AAC1B,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AAC3D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC;YACvD,UAAU,GAAG,KAAK;AAClB,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;AAC3C,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;AAClD,SAAC;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB;;;AAGG;AACH,YAAA,IACE,eAAe;gBACf,CAAC,CAAC,MAAM,YAAY,WAAW;AAC/B,iBAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAC,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,eAAe,CAAC,CAAA,EAChD;gBACA;AACD;AAED,YAAA,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC,UAAU;AACvC,YAAA,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO;AACtB,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AACxD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC;AACtD,SAAC;AAED,QAAA,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAG5D,QAAA,OAAO,MAAM,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAE/E,KAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB;;;;"}
+{"version":3,"file":"useDragToScroll.js","sources":["../../src/hooks/useDragToScroll.ts"],"sourcesContent":["import { useEffect, RefObject } from 'react';\n\ntype UseDragToScrollProps = {\n  targetRef: RefObject<HTMLElement>;\n  ignoreClassName?: string;\n};\n\n/**\n * Hook which allows the user to scroll horizontally by dragging on a given target element.\n * @param targetRef - The ref of the element to scroll.\n * @param ignoreClassName - The className of any elements which should be excluded from the dragging behaviour.\n */\nexport function useDragToScroll({ targetRef, ignoreClassName }: UseDragToScrollProps) {\n  useEffect(() => {\n    if (!targetRef.current) return;\n\n    let isDragging = false;\n    const scrollTarget = targetRef.current;\n    const position = {\n      left: 0,\n      x: 0,\n    };\n\n    const mouseMoveHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      const dx = e.clientX - position.x;\n      scrollTarget.scrollLeft = position.left - dx;\n      if (!isDragging) {\n        scrollTarget.style.cursor = 'grabbing';\n        scrollTarget.style.userSelect = 'none';\n      }\n      isDragging = true;\n    };\n\n    const mouseUpHandler = () => {\n      document.removeEventListener('mousemove', mouseMoveHandler);\n      document.removeEventListener('mouseup', mouseUpHandler);\n      isDragging = false;\n      if (!scrollTarget) return;\n      scrollTarget.style.removeProperty('cursor');\n      scrollTarget.style.removeProperty('user-select');\n    };\n\n    const mouseDownHandler = (e: MouseEvent) => {\n      if (!scrollTarget) return;\n      /** NOTE: prevents table scroll when resizing columns,\n       * unable to use event.stopPropogation as event is a react Synthetic event which treats the event as the same, as they are on the same node, is discussed here\n       * https://dev.to/dvnrsn/why-isn-t-event-stoppropagation-working-1bnm.\n       */\n      if (\n        ignoreClassName &&\n        e.target instanceof HTMLElement &&\n        e.target?.classList?.contains?.(ignoreClassName)\n      ) {\n        return;\n      }\n\n      position.left = scrollTarget.scrollLeft;\n      position.x = e.clientX;\n      document.addEventListener('mousemove', mouseMoveHandler);\n      document.addEventListener('mouseup', mouseUpHandler);\n    };\n\n    scrollTarget.addEventListener('mousedown', mouseDownHandler);\n\n    /* eslint-disable-next-line consistent-return */\n    return () => scrollTarget?.removeEventListener('mousedown', mouseDownHandler);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [targetRef.current]);\n}\n"],"names":[],"mappings":";;AAOA;;;;AAIG;SACa,eAAe,CAAC,EAAE,SAAS,EAAE,eAAe,EAAwB,EAAA;IAClF,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;QAExB,IAAI,UAAU,GAAG,KAAK;AACtB,QAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,QAAA,MAAM,QAAQ,GAAG;AACf,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,CAAC,EAAE,CAAC;SACL;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;YACnB,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC;YACjC,YAAY,CAAC,UAAU,GAAG,QAAQ,CAAC,IAAI,GAAG,EAAE;YAC5C,IAAI,CAAC,UAAU,EAAE;AACf,gBAAA,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU;AACtC,gBAAA,YAAY,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;AACvC,YAAA;YACD,UAAU,GAAG,IAAI;AACnB,QAAA,CAAC;QAED,MAAM,cAAc,GAAG,MAAK;AAC1B,YAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AAC3D,YAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC;YACvD,UAAU,GAAG,KAAK;AAClB,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;AAC3C,YAAA,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;AAClD,QAAA,CAAC;AAED,QAAA,MAAM,gBAAgB,GAAG,CAAC,CAAa,KAAI;;AACzC,YAAA,IAAI,CAAC,YAAY;gBAAE;AACnB;;;AAGG;AACH,YAAA,IACE,eAAe;gBACf,CAAC,CAAC,MAAM,YAAY,WAAW;AAC/B,iBAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAC,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,eAAe,CAAC,CAAA,EAChD;gBACA;AACD,YAAA;AAED,YAAA,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC,UAAU;AACvC,YAAA,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO;AACtB,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;AACxD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC;AACtD,QAAA,CAAC;AAED,QAAA,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAG5D,QAAA,OAAO,MAAM,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,CAAC;;AAE/E,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACzB;;;;"}

package/dist/hooks/useDropdown.cjs

@@ -9,7 +9,7 @@ const useDropdown = ({ anchorElement } = {}) => {
         setShouldShowDropdown(false);
         // Refocus anchor element after closing dropdown.
         setTimeout(() => {
-            anchorElement === null || anchorElement === undefined ? undefined : anchorElement.focus();
+            anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.focus();
         }, 0);
     }, [setShouldShowDropdown, anchorElement]);
     return {

package/dist/hooks/useDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdown.cjs","sources":["../../src/hooks/useDropdown.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\ntype UseDropdownInputProps = {\n  anchorElement?: HTMLDivElement | HTMLButtonElement | null;\n};\n\nexport const useDropdown = ({ anchorElement }: UseDropdownInputProps = {}): {\n  shouldShowDropdown: boolean;\n  toggleShouldShowDropdown: () => void;\n  setShouldShowDropdown: (state: boolean) => void;\n  closeDropdown: () => void;\n} => {\n  const [shouldShowDropdown, setShouldShowDropdown] = useState(false);\n\n  const toggleShouldShowDropdown = useCallback(\n    () => setShouldShowDropdown(!shouldShowDropdown),\n    [shouldShowDropdown, setShouldShowDropdown],\n  );\n\n  const closeDropdown = useCallback(() => {\n    setShouldShowDropdown(false);\n\n    // Refocus anchor element after closing dropdown.\n    setTimeout(() => {\n      anchorElement?.focus();\n    }, 0);\n  }, [setShouldShowDropdown, anchorElement]);\n\n  return {\n    shouldShowDropdown,\n    toggleShouldShowDropdown,\n    setShouldShowDropdown,\n    closeDropdown,\n  };\n};\n"],"names":["useState","useCallback"],"mappings":";;;;AAMa,MAAA,WAAW,GAAG,CAAC,EAAE,aAAa,EAAA,GAA4B,EAAE,KAKrE;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAEnE,IAAA,MAAM,wBAAwB,GAAGC,iBAAW,CAC1C,MAAM,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,EAChD,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAC5C;AAED,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAAC,MAAK;QACrC,qBAAqB,CAAC,KAAK,CAAC;;QAG5B,UAAU,CAAC,MAAK;AACd,YAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;SACvB,EAAE,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAC;IAE1C,OAAO;QACL,kBAAkB;QAClB,wBAAwB;QACxB,qBAAqB;QACrB,aAAa;KACd;AACH;;;;"}
+{"version":3,"file":"useDropdown.cjs","sources":["../../src/hooks/useDropdown.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\ntype UseDropdownInputProps = {\n  anchorElement?: HTMLDivElement | HTMLButtonElement | null;\n};\n\nexport const useDropdown = ({ anchorElement }: UseDropdownInputProps = {}): {\n  shouldShowDropdown: boolean;\n  toggleShouldShowDropdown: () => void;\n  setShouldShowDropdown: (state: boolean) => void;\n  closeDropdown: () => void;\n} => {\n  const [shouldShowDropdown, setShouldShowDropdown] = useState(false);\n\n  const toggleShouldShowDropdown = useCallback(\n    () => setShouldShowDropdown(!shouldShowDropdown),\n    [shouldShowDropdown, setShouldShowDropdown],\n  );\n\n  const closeDropdown = useCallback(() => {\n    setShouldShowDropdown(false);\n\n    // Refocus anchor element after closing dropdown.\n    setTimeout(() => {\n      anchorElement?.focus();\n    }, 0);\n  }, [setShouldShowDropdown, anchorElement]);\n\n  return {\n    shouldShowDropdown,\n    toggleShouldShowDropdown,\n    setShouldShowDropdown,\n    closeDropdown,\n  };\n};\n"],"names":["useState","useCallback"],"mappings":";;;;AAMO,MAAM,WAAW,GAAG,CAAC,EAAE,aAAa,EAAA,GAA4B,EAAE,KAKrE;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAEnE,IAAA,MAAM,wBAAwB,GAAGC,iBAAW,CAC1C,MAAM,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,EAChD,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAC5C;AAED,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAAC,MAAK;QACrC,qBAAqB,CAAC,KAAK,CAAC;;QAG5B,UAAU,CAAC,MAAK;AACd,YAAA,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,KAAK,EAAE;QACxB,CAAC,EAAE,CAAC,CAAC;AACP,IAAA,CAAC,EAAE,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAC;IAE1C,OAAO;QACL,kBAAkB;QAClB,wBAAwB;QACxB,qBAAqB;QACrB,aAAa;KACd;AACH;;;;"}

package/dist/hooks/useDropdown.js

@@ -7,7 +7,7 @@ const useDropdown = ({ anchorElement } = {}) => {
         setShouldShowDropdown(false);
         // Refocus anchor element after closing dropdown.
         setTimeout(() => {
-            anchorElement === null || anchorElement === undefined ? undefined : anchorElement.focus();
+            anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.focus();
         }, 0);
     }, [setShouldShowDropdown, anchorElement]);
     return {

package/dist/hooks/useDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdown.js","sources":["../../src/hooks/useDropdown.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\ntype UseDropdownInputProps = {\n  anchorElement?: HTMLDivElement | HTMLButtonElement | null;\n};\n\nexport const useDropdown = ({ anchorElement }: UseDropdownInputProps = {}): {\n  shouldShowDropdown: boolean;\n  toggleShouldShowDropdown: () => void;\n  setShouldShowDropdown: (state: boolean) => void;\n  closeDropdown: () => void;\n} => {\n  const [shouldShowDropdown, setShouldShowDropdown] = useState(false);\n\n  const toggleShouldShowDropdown = useCallback(\n    () => setShouldShowDropdown(!shouldShowDropdown),\n    [shouldShowDropdown, setShouldShowDropdown],\n  );\n\n  const closeDropdown = useCallback(() => {\n    setShouldShowDropdown(false);\n\n    // Refocus anchor element after closing dropdown.\n    setTimeout(() => {\n      anchorElement?.focus();\n    }, 0);\n  }, [setShouldShowDropdown, anchorElement]);\n\n  return {\n    shouldShowDropdown,\n    toggleShouldShowDropdown,\n    setShouldShowDropdown,\n    closeDropdown,\n  };\n};\n"],"names":[],"mappings":";;AAMa,MAAA,WAAW,GAAG,CAAC,EAAE,aAAa,EAAA,GAA4B,EAAE,KAKrE;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEnE,IAAA,MAAM,wBAAwB,GAAG,WAAW,CAC1C,MAAM,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,EAChD,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAC5C;AAED,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAK;QACrC,qBAAqB,CAAC,KAAK,CAAC;;QAG5B,UAAU,CAAC,MAAK;AACd,YAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,KAAK,EAAE;SACvB,EAAE,CAAC,CAAC;AACP,KAAC,EAAE,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAC;IAE1C,OAAO;QACL,kBAAkB;QAClB,wBAAwB;QACxB,qBAAqB;QACrB,aAAa;KACd;AACH;;;;"}
+{"version":3,"file":"useDropdown.js","sources":["../../src/hooks/useDropdown.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\ntype UseDropdownInputProps = {\n  anchorElement?: HTMLDivElement | HTMLButtonElement | null;\n};\n\nexport const useDropdown = ({ anchorElement }: UseDropdownInputProps = {}): {\n  shouldShowDropdown: boolean;\n  toggleShouldShowDropdown: () => void;\n  setShouldShowDropdown: (state: boolean) => void;\n  closeDropdown: () => void;\n} => {\n  const [shouldShowDropdown, setShouldShowDropdown] = useState(false);\n\n  const toggleShouldShowDropdown = useCallback(\n    () => setShouldShowDropdown(!shouldShowDropdown),\n    [shouldShowDropdown, setShouldShowDropdown],\n  );\n\n  const closeDropdown = useCallback(() => {\n    setShouldShowDropdown(false);\n\n    // Refocus anchor element after closing dropdown.\n    setTimeout(() => {\n      anchorElement?.focus();\n    }, 0);\n  }, [setShouldShowDropdown, anchorElement]);\n\n  return {\n    shouldShowDropdown,\n    toggleShouldShowDropdown,\n    setShouldShowDropdown,\n    closeDropdown,\n  };\n};\n"],"names":[],"mappings":";;AAMO,MAAM,WAAW,GAAG,CAAC,EAAE,aAAa,EAAA,GAA4B,EAAE,KAKrE;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEnE,IAAA,MAAM,wBAAwB,GAAG,WAAW,CAC1C,MAAM,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,EAChD,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAC5C;AAED,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAK;QACrC,qBAAqB,CAAC,KAAK,CAAC;;QAG5B,UAAU,CAAC,MAAK;AACd,YAAA,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,KAAK,EAAE;QACxB,CAAC,EAAE,CAAC,CAAC;AACP,IAAA,CAAC,EAAE,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAC;IAE1C,OAAO;QACL,kBAAkB;QAClB,wBAAwB;QACxB,qBAAqB;QACrB,aAAa;KACd;AACH;;;;"}

package/dist/hooks/useFocusVisible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.cjs","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\n\n// A React hook based on: https://github.com/WICG/focus-visible\n\nexport const FocusVisibleContext = React.createContext({\n  hadKeyboardEvent: true,\n  isInitialized: false,\n});\n\nexport function FocusVisibleManager({ children }: PropsWithChildren<{}>) {\n  const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);\n\n  useEffect(() => {\n    function onPointerDown() {\n      setHadKeyboardEvent(false);\n    }\n\n    /**\n     * When the polfyill first loads, assume the user is in keyboard modality.\n     * If any event is received from a pointing device (e.g. mouse, pointer,\n     * touch), turn off keyboard modality.\n     * This accounts for situations where focus enters the page from the URL bar.\n     * @param {Event} e\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function onInitialPointerMove(e: any) {\n      // Work around a Safari quirk that fires a mousemove on <html> whenever the\n      // window blurs, even if you're tabbing out of the page. ¯\\_(ツ)_/¯\n      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n        return;\n      }\n\n      setHadKeyboardEvent(false);\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeInitialPointerMoveListeners();\n    }\n\n    /**\n     * Add a group of listeners to detect usage of any pointing devices.\n     * These listeners will be added when the polyfill first loads, and anytime\n     * the window is blurred, so that they are active when the window regains\n     * focus.\n     */\n    function addInitialPointerMoveListeners() {\n      document.addEventListener('mousemove', onInitialPointerMove);\n      document.addEventListener('mousedown', onInitialPointerMove);\n      document.addEventListener('mouseup', onInitialPointerMove);\n      document.addEventListener('pointermove', onInitialPointerMove);\n      document.addEventListener('pointerdown', onInitialPointerMove);\n      document.addEventListener('pointerup', onInitialPointerMove);\n      document.addEventListener('touchmove', onInitialPointerMove);\n      document.addEventListener('touchstart', onInitialPointerMove);\n      document.addEventListener('touchend', onInitialPointerMove);\n    }\n\n    function removeInitialPointerMoveListeners() {\n      document.removeEventListener('mousemove', onInitialPointerMove);\n      document.removeEventListener('mousedown', onInitialPointerMove);\n      document.removeEventListener('mouseup', onInitialPointerMove);\n      document.removeEventListener('pointermove', onInitialPointerMove);\n      document.removeEventListener('pointerdown', onInitialPointerMove);\n      document.removeEventListener('pointerup', onInitialPointerMove);\n      document.removeEventListener('touchmove', onInitialPointerMove);\n      document.removeEventListener('touchstart', onInitialPointerMove);\n      document.removeEventListener('touchend', onInitialPointerMove);\n    }\n\n    /**\n     * If the most recent user interaction was via the keyboard;\n     * and the key press did not include a meta, alt/option, or control key;\n     * then the modality is keyboard. Otherwise, the modality is not keyboard.\n     * Apply `focus-visible` to any current active element and keep track\n     * of our keyboard modality state with `hadKeyboardEvent`.\n     * @param {KeyboardEvent} e\n     */\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.metaKey || e.altKey || e.ctrlKey) {\n        return;\n      }\n\n      setHadKeyboardEvent(true);\n    }\n    /**\n     * If the user changes tabs, keep track of whether or not the previously\n     * focused element had .focus-visible.\n     * @param {Event} e\n     */\n    function onVisibilityChange() {\n      if (document.visibilityState === 'hidden') {\n        // If the tab becomes active again, the browser will handle calling focus\n        // on the element (Safari actually calls it twice).\n        // If this tab change caused a blur on an element with focus-visible,\n        // re-apply the class when the user switches back to the tab.\n        setHadKeyboardEvent(true);\n        addInitialPointerMoveListeners();\n      }\n    }\n\n    // For some kinds of state, we are interested in changes at the global scope\n    // only. For example, global pointer input, global key presses and global\n    // visibility change should affect the state at every scope:\n    document.addEventListener('keydown', onKeyDown, true);\n    document.addEventListener('mousedown', onPointerDown, true);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('touchstart', onPointerDown, true);\n    document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n    addInitialPointerMoveListeners();\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true);\n      document.removeEventListener('mousedown', onPointerDown, true);\n      document.removeEventListener('pointerdown', onPointerDown, true);\n      document.removeEventListener('touchstart', onPointerDown, true);\n      document.removeEventListener('visibilitychange', onVisibilityChange, true);\n\n      removeInitialPointerMoveListeners();\n    };\n  }, [setHadKeyboardEvent]);\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <FocusVisibleContext.Provider value={{ hadKeyboardEvent, isInitialized: true }}>\n      {children}\n    </FocusVisibleContext.Provider>\n  );\n}\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);\n\n  const onFocus = React.useCallback(() => {\n    if (!isFocused) setIsFocused(true);\n  }, [isFocused]);\n\n  const onBlur = React.useCallback(() => {\n    if (isFocused) setIsFocused(false);\n  }, [isFocused]);\n\n  let focusVisible: boolean;\n  if (isInitialized) {\n    focusVisible = hadKeyboardEvent && isFocused;\n  } else {\n    // Fallback to focused when the `FocusVisibleManager` is not used.\n    focusVisible = isFocused;\n  }\n\n  return React.useMemo(\n    () => ({\n      focusVisible,\n      onFocus,\n      onBlur,\n    }),\n    [focusVisible, onBlur, onFocus],\n  );\n}\n"],"names":["React","useState","useEffect"],"mappings":"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"}
+{"version":3,"file":"useFocusVisible.cjs","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\n\n// A React hook based on: https://github.com/WICG/focus-visible\n\nexport const FocusVisibleContext = React.createContext({\n  hadKeyboardEvent: true,\n  isInitialized: false,\n});\n\nexport function FocusVisibleManager({ children }: PropsWithChildren<{}>) {\n  const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);\n\n  useEffect(() => {\n    function onPointerDown() {\n      setHadKeyboardEvent(false);\n    }\n\n    /**\n     * When the polfyill first loads, assume the user is in keyboard modality.\n     * If any event is received from a pointing device (e.g. mouse, pointer,\n     * touch), turn off keyboard modality.\n     * This accounts for situations where focus enters the page from the URL bar.\n     * @param {Event} e\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function onInitialPointerMove(e: any) {\n      // Work around a Safari quirk that fires a mousemove on <html> whenever the\n      // window blurs, even if you're tabbing out of the page. ¯\\_(ツ)_/¯\n      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n        return;\n      }\n\n      setHadKeyboardEvent(false);\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeInitialPointerMoveListeners();\n    }\n\n    /**\n     * Add a group of listeners to detect usage of any pointing devices.\n     * These listeners will be added when the polyfill first loads, and anytime\n     * the window is blurred, so that they are active when the window regains\n     * focus.\n     */\n    function addInitialPointerMoveListeners() {\n      document.addEventListener('mousemove', onInitialPointerMove);\n      document.addEventListener('mousedown', onInitialPointerMove);\n      document.addEventListener('mouseup', onInitialPointerMove);\n      document.addEventListener('pointermove', onInitialPointerMove);\n      document.addEventListener('pointerdown', onInitialPointerMove);\n      document.addEventListener('pointerup', onInitialPointerMove);\n      document.addEventListener('touchmove', onInitialPointerMove);\n      document.addEventListener('touchstart', onInitialPointerMove);\n      document.addEventListener('touchend', onInitialPointerMove);\n    }\n\n    function removeInitialPointerMoveListeners() {\n      document.removeEventListener('mousemove', onInitialPointerMove);\n      document.removeEventListener('mousedown', onInitialPointerMove);\n      document.removeEventListener('mouseup', onInitialPointerMove);\n      document.removeEventListener('pointermove', onInitialPointerMove);\n      document.removeEventListener('pointerdown', onInitialPointerMove);\n      document.removeEventListener('pointerup', onInitialPointerMove);\n      document.removeEventListener('touchmove', onInitialPointerMove);\n      document.removeEventListener('touchstart', onInitialPointerMove);\n      document.removeEventListener('touchend', onInitialPointerMove);\n    }\n\n    /**\n     * If the most recent user interaction was via the keyboard;\n     * and the key press did not include a meta, alt/option, or control key;\n     * then the modality is keyboard. Otherwise, the modality is not keyboard.\n     * Apply `focus-visible` to any current active element and keep track\n     * of our keyboard modality state with `hadKeyboardEvent`.\n     * @param {KeyboardEvent} e\n     */\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.metaKey || e.altKey || e.ctrlKey) {\n        return;\n      }\n\n      setHadKeyboardEvent(true);\n    }\n    /**\n     * If the user changes tabs, keep track of whether or not the previously\n     * focused element had .focus-visible.\n     * @param {Event} e\n     */\n    function onVisibilityChange() {\n      if (document.visibilityState === 'hidden') {\n        // If the tab becomes active again, the browser will handle calling focus\n        // on the element (Safari actually calls it twice).\n        // If this tab change caused a blur on an element with focus-visible,\n        // re-apply the class when the user switches back to the tab.\n        setHadKeyboardEvent(true);\n        addInitialPointerMoveListeners();\n      }\n    }\n\n    // For some kinds of state, we are interested in changes at the global scope\n    // only. For example, global pointer input, global key presses and global\n    // visibility change should affect the state at every scope:\n    document.addEventListener('keydown', onKeyDown, true);\n    document.addEventListener('mousedown', onPointerDown, true);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('touchstart', onPointerDown, true);\n    document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n    addInitialPointerMoveListeners();\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true);\n      document.removeEventListener('mousedown', onPointerDown, true);\n      document.removeEventListener('pointerdown', onPointerDown, true);\n      document.removeEventListener('touchstart', onPointerDown, true);\n      document.removeEventListener('visibilitychange', onVisibilityChange, true);\n\n      removeInitialPointerMoveListeners();\n    };\n  }, [setHadKeyboardEvent]);\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <FocusVisibleContext.Provider value={{ hadKeyboardEvent, isInitialized: true }}>\n      {children}\n    </FocusVisibleContext.Provider>\n  );\n}\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);\n\n  const onFocus = React.useCallback(() => {\n    if (!isFocused) setIsFocused(true);\n  }, [isFocused]);\n\n  const onBlur = React.useCallback(() => {\n    if (isFocused) setIsFocused(false);\n  }, [isFocused]);\n\n  let focusVisible: boolean;\n  if (isInitialized) {\n    focusVisible = hadKeyboardEvent && isFocused;\n  } else {\n    // Fallback to focused when the `FocusVisibleManager` is not used.\n    focusVisible = isFocused;\n  }\n\n  return React.useMemo(\n    () => ({\n      focusVisible,\n      onFocus,\n      onBlur,\n    }),\n    [focusVisible, onBlur, onFocus],\n  );\n}\n"],"names":["React","useState","useEffect"],"mappings":"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"}

package/dist/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.js","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\n\n// A React hook based on: https://github.com/WICG/focus-visible\n\nexport const FocusVisibleContext = React.createContext({\n  hadKeyboardEvent: true,\n  isInitialized: false,\n});\n\nexport function FocusVisibleManager({ children }: PropsWithChildren<{}>) {\n  const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);\n\n  useEffect(() => {\n    function onPointerDown() {\n      setHadKeyboardEvent(false);\n    }\n\n    /**\n     * When the polfyill first loads, assume the user is in keyboard modality.\n     * If any event is received from a pointing device (e.g. mouse, pointer,\n     * touch), turn off keyboard modality.\n     * This accounts for situations where focus enters the page from the URL bar.\n     * @param {Event} e\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function onInitialPointerMove(e: any) {\n      // Work around a Safari quirk that fires a mousemove on <html> whenever the\n      // window blurs, even if you're tabbing out of the page. ¯\\_(ツ)_/¯\n      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n        return;\n      }\n\n      setHadKeyboardEvent(false);\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeInitialPointerMoveListeners();\n    }\n\n    /**\n     * Add a group of listeners to detect usage of any pointing devices.\n     * These listeners will be added when the polyfill first loads, and anytime\n     * the window is blurred, so that they are active when the window regains\n     * focus.\n     */\n    function addInitialPointerMoveListeners() {\n      document.addEventListener('mousemove', onInitialPointerMove);\n      document.addEventListener('mousedown', onInitialPointerMove);\n      document.addEventListener('mouseup', onInitialPointerMove);\n      document.addEventListener('pointermove', onInitialPointerMove);\n      document.addEventListener('pointerdown', onInitialPointerMove);\n      document.addEventListener('pointerup', onInitialPointerMove);\n      document.addEventListener('touchmove', onInitialPointerMove);\n      document.addEventListener('touchstart', onInitialPointerMove);\n      document.addEventListener('touchend', onInitialPointerMove);\n    }\n\n    function removeInitialPointerMoveListeners() {\n      document.removeEventListener('mousemove', onInitialPointerMove);\n      document.removeEventListener('mousedown', onInitialPointerMove);\n      document.removeEventListener('mouseup', onInitialPointerMove);\n      document.removeEventListener('pointermove', onInitialPointerMove);\n      document.removeEventListener('pointerdown', onInitialPointerMove);\n      document.removeEventListener('pointerup', onInitialPointerMove);\n      document.removeEventListener('touchmove', onInitialPointerMove);\n      document.removeEventListener('touchstart', onInitialPointerMove);\n      document.removeEventListener('touchend', onInitialPointerMove);\n    }\n\n    /**\n     * If the most recent user interaction was via the keyboard;\n     * and the key press did not include a meta, alt/option, or control key;\n     * then the modality is keyboard. Otherwise, the modality is not keyboard.\n     * Apply `focus-visible` to any current active element and keep track\n     * of our keyboard modality state with `hadKeyboardEvent`.\n     * @param {KeyboardEvent} e\n     */\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.metaKey || e.altKey || e.ctrlKey) {\n        return;\n      }\n\n      setHadKeyboardEvent(true);\n    }\n    /**\n     * If the user changes tabs, keep track of whether or not the previously\n     * focused element had .focus-visible.\n     * @param {Event} e\n     */\n    function onVisibilityChange() {\n      if (document.visibilityState === 'hidden') {\n        // If the tab becomes active again, the browser will handle calling focus\n        // on the element (Safari actually calls it twice).\n        // If this tab change caused a blur on an element with focus-visible,\n        // re-apply the class when the user switches back to the tab.\n        setHadKeyboardEvent(true);\n        addInitialPointerMoveListeners();\n      }\n    }\n\n    // For some kinds of state, we are interested in changes at the global scope\n    // only. For example, global pointer input, global key presses and global\n    // visibility change should affect the state at every scope:\n    document.addEventListener('keydown', onKeyDown, true);\n    document.addEventListener('mousedown', onPointerDown, true);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('touchstart', onPointerDown, true);\n    document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n    addInitialPointerMoveListeners();\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true);\n      document.removeEventListener('mousedown', onPointerDown, true);\n      document.removeEventListener('pointerdown', onPointerDown, true);\n      document.removeEventListener('touchstart', onPointerDown, true);\n      document.removeEventListener('visibilitychange', onVisibilityChange, true);\n\n      removeInitialPointerMoveListeners();\n    };\n  }, [setHadKeyboardEvent]);\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <FocusVisibleContext.Provider value={{ hadKeyboardEvent, isInitialized: true }}>\n      {children}\n    </FocusVisibleContext.Provider>\n  );\n}\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);\n\n  const onFocus = React.useCallback(() => {\n    if (!isFocused) setIsFocused(true);\n  }, [isFocused]);\n\n  const onBlur = React.useCallback(() => {\n    if (isFocused) setIsFocused(false);\n  }, [isFocused]);\n\n  let focusVisible: boolean;\n  if (isInitialized) {\n    focusVisible = hadKeyboardEvent && isFocused;\n  } else {\n    // Fallback to focused when the `FocusVisibleManager` is not used.\n    focusVisible = isFocused;\n  }\n\n  return React.useMemo(\n    () => ({\n      focusVisible,\n      onFocus,\n      onBlur,\n    }),\n    [focusVisible, onBlur, onFocus],\n  );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"useFocusVisible.js","sources":["../../src/hooks/useFocusVisible.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\n\n// A React hook based on: https://github.com/WICG/focus-visible\n\nexport const FocusVisibleContext = React.createContext({\n  hadKeyboardEvent: true,\n  isInitialized: false,\n});\n\nexport function FocusVisibleManager({ children }: PropsWithChildren<{}>) {\n  const [hadKeyboardEvent, setHadKeyboardEvent] = useState(true);\n\n  useEffect(() => {\n    function onPointerDown() {\n      setHadKeyboardEvent(false);\n    }\n\n    /**\n     * When the polfyill first loads, assume the user is in keyboard modality.\n     * If any event is received from a pointing device (e.g. mouse, pointer,\n     * touch), turn off keyboard modality.\n     * This accounts for situations where focus enters the page from the URL bar.\n     * @param {Event} e\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    function onInitialPointerMove(e: any) {\n      // Work around a Safari quirk that fires a mousemove on <html> whenever the\n      // window blurs, even if you're tabbing out of the page. ¯\\_(ツ)_/¯\n      if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n        return;\n      }\n\n      setHadKeyboardEvent(false);\n      // eslint-disable-next-line @typescript-eslint/no-use-before-define\n      removeInitialPointerMoveListeners();\n    }\n\n    /**\n     * Add a group of listeners to detect usage of any pointing devices.\n     * These listeners will be added when the polyfill first loads, and anytime\n     * the window is blurred, so that they are active when the window regains\n     * focus.\n     */\n    function addInitialPointerMoveListeners() {\n      document.addEventListener('mousemove', onInitialPointerMove);\n      document.addEventListener('mousedown', onInitialPointerMove);\n      document.addEventListener('mouseup', onInitialPointerMove);\n      document.addEventListener('pointermove', onInitialPointerMove);\n      document.addEventListener('pointerdown', onInitialPointerMove);\n      document.addEventListener('pointerup', onInitialPointerMove);\n      document.addEventListener('touchmove', onInitialPointerMove);\n      document.addEventListener('touchstart', onInitialPointerMove);\n      document.addEventListener('touchend', onInitialPointerMove);\n    }\n\n    function removeInitialPointerMoveListeners() {\n      document.removeEventListener('mousemove', onInitialPointerMove);\n      document.removeEventListener('mousedown', onInitialPointerMove);\n      document.removeEventListener('mouseup', onInitialPointerMove);\n      document.removeEventListener('pointermove', onInitialPointerMove);\n      document.removeEventListener('pointerdown', onInitialPointerMove);\n      document.removeEventListener('pointerup', onInitialPointerMove);\n      document.removeEventListener('touchmove', onInitialPointerMove);\n      document.removeEventListener('touchstart', onInitialPointerMove);\n      document.removeEventListener('touchend', onInitialPointerMove);\n    }\n\n    /**\n     * If the most recent user interaction was via the keyboard;\n     * and the key press did not include a meta, alt/option, or control key;\n     * then the modality is keyboard. Otherwise, the modality is not keyboard.\n     * Apply `focus-visible` to any current active element and keep track\n     * of our keyboard modality state with `hadKeyboardEvent`.\n     * @param {KeyboardEvent} e\n     */\n    function onKeyDown(e: KeyboardEvent) {\n      if (e.metaKey || e.altKey || e.ctrlKey) {\n        return;\n      }\n\n      setHadKeyboardEvent(true);\n    }\n    /**\n     * If the user changes tabs, keep track of whether or not the previously\n     * focused element had .focus-visible.\n     * @param {Event} e\n     */\n    function onVisibilityChange() {\n      if (document.visibilityState === 'hidden') {\n        // If the tab becomes active again, the browser will handle calling focus\n        // on the element (Safari actually calls it twice).\n        // If this tab change caused a blur on an element with focus-visible,\n        // re-apply the class when the user switches back to the tab.\n        setHadKeyboardEvent(true);\n        addInitialPointerMoveListeners();\n      }\n    }\n\n    // For some kinds of state, we are interested in changes at the global scope\n    // only. For example, global pointer input, global key presses and global\n    // visibility change should affect the state at every scope:\n    document.addEventListener('keydown', onKeyDown, true);\n    document.addEventListener('mousedown', onPointerDown, true);\n    document.addEventListener('pointerdown', onPointerDown, true);\n    document.addEventListener('touchstart', onPointerDown, true);\n    document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n    addInitialPointerMoveListeners();\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDown, true);\n      document.removeEventListener('mousedown', onPointerDown, true);\n      document.removeEventListener('pointerdown', onPointerDown, true);\n      document.removeEventListener('touchstart', onPointerDown, true);\n      document.removeEventListener('visibilitychange', onVisibilityChange, true);\n\n      removeInitialPointerMoveListeners();\n    };\n  }, [setHadKeyboardEvent]);\n\n  return (\n    // eslint-disable-next-line react/jsx-no-constructed-context-values\n    <FocusVisibleContext.Provider value={{ hadKeyboardEvent, isInitialized: true }}>\n      {children}\n    </FocusVisibleContext.Provider>\n  );\n}\n\nexport function useFocusVisible() {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { hadKeyboardEvent, isInitialized } = React.useContext(FocusVisibleContext);\n\n  const onFocus = React.useCallback(() => {\n    if (!isFocused) setIsFocused(true);\n  }, [isFocused]);\n\n  const onBlur = React.useCallback(() => {\n    if (isFocused) setIsFocused(false);\n  }, [isFocused]);\n\n  let focusVisible: boolean;\n  if (isInitialized) {\n    focusVisible = hadKeyboardEvent && isFocused;\n  } else {\n    // Fallback to focused when the `FocusVisibleManager` is not used.\n    focusVisible = isFocused;\n  }\n\n  return React.useMemo(\n    () => ({\n      focusVisible,\n      onFocus,\n      onBlur,\n    }),\n    [focusVisible, onBlur, onFocus],\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/hooks/useIntersectionObserver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.cjs","sources":["../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype IntersectionHandler = (intersecting: boolean) => void;\n\ntype UseIntersectionObserverProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  intersectionHandler: IntersectionHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up an `IntersectionObserver` for a given element, and fires a callback when an intersection occurs.\n * @param targetRef The element to observe.\n * @param intersectionHandler The callback to invoke when an intersection occurs.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useIntersectionObserver = ({\n  targetRef,\n  intersectionHandler,\n  throttleMs,\n}: UseIntersectionObserverProps) => {\n  const intersectionHandlerRef = useRef<IntersectionHandler>();\n  intersectionHandlerRef.current = intersectionHandler;\n\n  const intersectionObserverRef = useRef<IntersectionObserver>();\n  const isIntersectingRef = useRef<boolean>();\n\n  const currentTargetRef = useRef();\n\n  useEffect(() => {\n    const observerCallback = (entries: IntersectionObserverEntry[]) => {\n      const [entry] = entries;\n      const { isIntersecting } = entry;\n\n      if (isIntersectingRef.current && isIntersectingRef.current === isIntersecting) {\n        return;\n      }\n\n      isIntersectingRef.current = isIntersecting;\n\n      if (intersectionHandlerRef.current) {\n        intersectionHandlerRef.current(isIntersecting);\n      }\n    };\n\n    intersectionObserverRef.current = new IntersectionObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    return () => {\n      if (intersectionObserverRef.current) {\n        intersectionObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  useEffect(() => {\n    if (intersectionObserverRef.current) {\n      if (\n        targetRef.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      intersectionObserverRef.current.disconnect();\n\n      if (targetRef.current) {\n        intersectionObserverRef.current.observe(targetRef.current);\n      }\n    }\n  });\n};\n"],"names":["useRef","useEffect","throttle"],"mappings":";;;;;;;;;AAYA;;;;;AAKG;AACI,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,mBAAmB,EACnB,UAAU,GACmB,KAAI;AACjC,IAAA,MAAM,sBAAsB,GAAGA,YAAM,EAAuB;AAC5D,IAAA,sBAAsB,CAAC,OAAO,GAAG,mBAAmB;AAEpD,IAAA,MAAM,uBAAuB,GAAGA,YAAM,EAAwB;AAC9D,IAAA,MAAM,iBAAiB,GAAGA,YAAM,EAAW;AAE3C,IAAA,MAAM,gBAAgB,GAAGA,YAAM,EAAE;IAEjCC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAAoC,KAAI;AAChE,YAAA,MAAM,CAAC,KAAK,CAAC,GAAG,OAAO;AACvB,YAAA,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK;YAEhC,IAAI,iBAAiB,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,KAAK,cAAc,EAAE;gBAC7E;AACD;AAED,YAAA,iBAAiB,CAAC,OAAO,GAAG,cAAc;YAE1C,IAAI,sBAAsB,CAAC,OAAO,EAAE;AAClC,gBAAA,sBAAsB,CAAC,OAAO,CAAC,cAAc,CAAC;AAC/C;AACH,SAAC;QAED,uBAAuB,CAAC,OAAO,GAAG,IAAI,oBAAoB,CACxD,UAAU,GAAGC,yBAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;AAED,QAAA,OAAO,MAAK;YACV,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACnC,gBAAA,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE;AAC7C;AACH,SAAC;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAEhBD,eAAS,CAAC,MAAK;QACb,IAAI,uBAAuB,CAAC,OAAO,EAAE;YACnC,IACE,SAAS,CAAC,OAAO;AACjB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD;AAED,YAAA,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE;YAE5C,IAAI,SAAS,CAAC,OAAO,EAAE;gBACrB,uBAAuB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AAC3D;AACF;AACH,KAAC,CAAC;AACJ;;;;"}
+{"version":3,"file":"useIntersectionObserver.cjs","sources":["../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype IntersectionHandler = (intersecting: boolean) => void;\n\ntype UseIntersectionObserverProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  intersectionHandler: IntersectionHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up an `IntersectionObserver` for a given element, and fires a callback when an intersection occurs.\n * @param targetRef The element to observe.\n * @param intersectionHandler The callback to invoke when an intersection occurs.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useIntersectionObserver = ({\n  targetRef,\n  intersectionHandler,\n  throttleMs,\n}: UseIntersectionObserverProps) => {\n  const intersectionHandlerRef = useRef<IntersectionHandler>();\n  intersectionHandlerRef.current = intersectionHandler;\n\n  const intersectionObserverRef = useRef<IntersectionObserver>();\n  const isIntersectingRef = useRef<boolean>();\n\n  const currentTargetRef = useRef();\n\n  useEffect(() => {\n    const observerCallback = (entries: IntersectionObserverEntry[]) => {\n      const [entry] = entries;\n      const { isIntersecting } = entry;\n\n      if (isIntersectingRef.current && isIntersectingRef.current === isIntersecting) {\n        return;\n      }\n\n      isIntersectingRef.current = isIntersecting;\n\n      if (intersectionHandlerRef.current) {\n        intersectionHandlerRef.current(isIntersecting);\n      }\n    };\n\n    intersectionObserverRef.current = new IntersectionObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    return () => {\n      if (intersectionObserverRef.current) {\n        intersectionObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  useEffect(() => {\n    if (intersectionObserverRef.current) {\n      if (\n        targetRef.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      intersectionObserverRef.current.disconnect();\n\n      if (targetRef.current) {\n        intersectionObserverRef.current.observe(targetRef.current);\n      }\n    }\n  });\n};\n"],"names":["useRef","useEffect","throttle"],"mappings":";;;;;;;;;AAYA;;;;;AAKG;AACI,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,mBAAmB,EACnB,UAAU,GACmB,KAAI;AACjC,IAAA,MAAM,sBAAsB,GAAGA,YAAM,EAAuB;AAC5D,IAAA,sBAAsB,CAAC,OAAO,GAAG,mBAAmB;AAEpD,IAAA,MAAM,uBAAuB,GAAGA,YAAM,EAAwB;AAC9D,IAAA,MAAM,iBAAiB,GAAGA,YAAM,EAAW;AAE3C,IAAA,MAAM,gBAAgB,GAAGA,YAAM,EAAE;IAEjCC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAAoC,KAAI;AAChE,YAAA,MAAM,CAAC,KAAK,CAAC,GAAG,OAAO;AACvB,YAAA,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK;YAEhC,IAAI,iBAAiB,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,KAAK,cAAc,EAAE;gBAC7E;AACD,YAAA;AAED,YAAA,iBAAiB,CAAC,OAAO,GAAG,cAAc;YAE1C,IAAI,sBAAsB,CAAC,OAAO,EAAE;AAClC,gBAAA,sBAAsB,CAAC,OAAO,CAAC,cAAc,CAAC;AAC/C,YAAA;AACH,QAAA,CAAC;QAED,uBAAuB,CAAC,OAAO,GAAG,IAAI,oBAAoB,CACxD,UAAU,GAAGC,yBAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;AAED,QAAA,OAAO,MAAK;YACV,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACnC,gBAAA,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE;AAC7C,YAAA;AACH,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAEhBD,eAAS,CAAC,MAAK;QACb,IAAI,uBAAuB,CAAC,OAAO,EAAE;YACnC,IACE,SAAS,CAAC,OAAO;AACjB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD,YAAA;AAED,YAAA,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE;YAE5C,IAAI,SAAS,CAAC,OAAO,EAAE;gBACrB,uBAAuB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AAC3D,YAAA;AACF,QAAA;AACH,IAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/hooks/useIntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.js","sources":["../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype IntersectionHandler = (intersecting: boolean) => void;\n\ntype UseIntersectionObserverProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  intersectionHandler: IntersectionHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up an `IntersectionObserver` for a given element, and fires a callback when an intersection occurs.\n * @param targetRef The element to observe.\n * @param intersectionHandler The callback to invoke when an intersection occurs.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useIntersectionObserver = ({\n  targetRef,\n  intersectionHandler,\n  throttleMs,\n}: UseIntersectionObserverProps) => {\n  const intersectionHandlerRef = useRef<IntersectionHandler>();\n  intersectionHandlerRef.current = intersectionHandler;\n\n  const intersectionObserverRef = useRef<IntersectionObserver>();\n  const isIntersectingRef = useRef<boolean>();\n\n  const currentTargetRef = useRef();\n\n  useEffect(() => {\n    const observerCallback = (entries: IntersectionObserverEntry[]) => {\n      const [entry] = entries;\n      const { isIntersecting } = entry;\n\n      if (isIntersectingRef.current && isIntersectingRef.current === isIntersecting) {\n        return;\n      }\n\n      isIntersectingRef.current = isIntersecting;\n\n      if (intersectionHandlerRef.current) {\n        intersectionHandlerRef.current(isIntersecting);\n      }\n    };\n\n    intersectionObserverRef.current = new IntersectionObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    return () => {\n      if (intersectionObserverRef.current) {\n        intersectionObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  useEffect(() => {\n    if (intersectionObserverRef.current) {\n      if (\n        targetRef.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      intersectionObserverRef.current.disconnect();\n\n      if (targetRef.current) {\n        intersectionObserverRef.current.observe(targetRef.current);\n      }\n    }\n  });\n};\n"],"names":[],"mappings":";;;AAYA;;;;;AAKG;AACI,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,mBAAmB,EACnB,UAAU,GACmB,KAAI;AACjC,IAAA,MAAM,sBAAsB,GAAG,MAAM,EAAuB;AAC5D,IAAA,sBAAsB,CAAC,OAAO,GAAG,mBAAmB;AAEpD,IAAA,MAAM,uBAAuB,GAAG,MAAM,EAAwB;AAC9D,IAAA,MAAM,iBAAiB,GAAG,MAAM,EAAW;AAE3C,IAAA,MAAM,gBAAgB,GAAG,MAAM,EAAE;IAEjC,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAAoC,KAAI;AAChE,YAAA,MAAM,CAAC,KAAK,CAAC,GAAG,OAAO;AACvB,YAAA,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK;YAEhC,IAAI,iBAAiB,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,KAAK,cAAc,EAAE;gBAC7E;AACD;AAED,YAAA,iBAAiB,CAAC,OAAO,GAAG,cAAc;YAE1C,IAAI,sBAAsB,CAAC,OAAO,EAAE;AAClC,gBAAA,sBAAsB,CAAC,OAAO,CAAC,cAAc,CAAC;AAC/C;AACH,SAAC;QAED,uBAAuB,CAAC,OAAO,GAAG,IAAI,oBAAoB,CACxD,UAAU,GAAG,QAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;AAED,QAAA,OAAO,MAAK;YACV,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACnC,gBAAA,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE;AAC7C;AACH,SAAC;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAEhB,SAAS,CAAC,MAAK;QACb,IAAI,uBAAuB,CAAC,OAAO,EAAE;YACnC,IACE,SAAS,CAAC,OAAO;AACjB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD;AAED,YAAA,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE;YAE5C,IAAI,SAAS,CAAC,OAAO,EAAE;gBACrB,uBAAuB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AAC3D;AACF;AACH,KAAC,CAAC;AACJ;;;;"}
+{"version":3,"file":"useIntersectionObserver.js","sources":["../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype IntersectionHandler = (intersecting: boolean) => void;\n\ntype UseIntersectionObserverProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  intersectionHandler: IntersectionHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up an `IntersectionObserver` for a given element, and fires a callback when an intersection occurs.\n * @param targetRef The element to observe.\n * @param intersectionHandler The callback to invoke when an intersection occurs.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useIntersectionObserver = ({\n  targetRef,\n  intersectionHandler,\n  throttleMs,\n}: UseIntersectionObserverProps) => {\n  const intersectionHandlerRef = useRef<IntersectionHandler>();\n  intersectionHandlerRef.current = intersectionHandler;\n\n  const intersectionObserverRef = useRef<IntersectionObserver>();\n  const isIntersectingRef = useRef<boolean>();\n\n  const currentTargetRef = useRef();\n\n  useEffect(() => {\n    const observerCallback = (entries: IntersectionObserverEntry[]) => {\n      const [entry] = entries;\n      const { isIntersecting } = entry;\n\n      if (isIntersectingRef.current && isIntersectingRef.current === isIntersecting) {\n        return;\n      }\n\n      isIntersectingRef.current = isIntersecting;\n\n      if (intersectionHandlerRef.current) {\n        intersectionHandlerRef.current(isIntersecting);\n      }\n    };\n\n    intersectionObserverRef.current = new IntersectionObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    return () => {\n      if (intersectionObserverRef.current) {\n        intersectionObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  useEffect(() => {\n    if (intersectionObserverRef.current) {\n      if (\n        targetRef.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      intersectionObserverRef.current.disconnect();\n\n      if (targetRef.current) {\n        intersectionObserverRef.current.observe(targetRef.current);\n      }\n    }\n  });\n};\n"],"names":[],"mappings":";;;AAYA;;;;;AAKG;AACI,MAAM,uBAAuB,GAAG,CAAC,EACtC,SAAS,EACT,mBAAmB,EACnB,UAAU,GACmB,KAAI;AACjC,IAAA,MAAM,sBAAsB,GAAG,MAAM,EAAuB;AAC5D,IAAA,sBAAsB,CAAC,OAAO,GAAG,mBAAmB;AAEpD,IAAA,MAAM,uBAAuB,GAAG,MAAM,EAAwB;AAC9D,IAAA,MAAM,iBAAiB,GAAG,MAAM,EAAW;AAE3C,IAAA,MAAM,gBAAgB,GAAG,MAAM,EAAE;IAEjC,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAAoC,KAAI;AAChE,YAAA,MAAM,CAAC,KAAK,CAAC,GAAG,OAAO;AACvB,YAAA,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK;YAEhC,IAAI,iBAAiB,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,KAAK,cAAc,EAAE;gBAC7E;AACD,YAAA;AAED,YAAA,iBAAiB,CAAC,OAAO,GAAG,cAAc;YAE1C,IAAI,sBAAsB,CAAC,OAAO,EAAE;AAClC,gBAAA,sBAAsB,CAAC,OAAO,CAAC,cAAc,CAAC;AAC/C,YAAA;AACH,QAAA,CAAC;QAED,uBAAuB,CAAC,OAAO,GAAG,IAAI,oBAAoB,CACxD,UAAU,GAAG,QAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;AAED,QAAA,OAAO,MAAK;YACV,IAAI,uBAAuB,CAAC,OAAO,EAAE;AACnC,gBAAA,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE;AAC7C,YAAA;AACH,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;IAEhB,SAAS,CAAC,MAAK;QACb,IAAI,uBAAuB,CAAC,OAAO,EAAE;YACnC,IACE,SAAS,CAAC,OAAO;AACjB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD,YAAA;AAED,YAAA,uBAAuB,CAAC,OAAO,CAAC,UAAU,EAAE;YAE5C,IAAI,SAAS,CAAC,OAAO,EAAE;gBACrB,uBAAuB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AAC3D,YAAA;AACF,QAAA;AACH,IAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/hooks/useIsOverflowing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsOverflowing.cjs","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * A hook to check if a component's contents are overflowing from its boundaries\n * (scrollbar is visible).\n */\nexport const useIsOverflowing = (ref: HTMLElement | null) => {\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const [isAtBottom, setIsAtBottom] = useState(false);\n\n  useEffect(() => {\n    if (!ref) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      const hasOverflow = ref.scrollHeight > ref.clientHeight;\n      setIsOverflowing(hasOverflow);\n    });\n    resizeObserver.observe(ref);\n\n    // eslint-disable-next-line consistent-return\n    return () => { resizeObserver.disconnect(); };\n  }, [ref]);\n\n  const onScroll: React.UIEventHandler<HTMLElement> = (event) => {\n    if (!ref) return;\n\n    const { scrollTop, scrollHeight, clientHeight } = (event.target as HTMLElement);\n    setIsAtBottom(scrollHeight - scrollTop - clientHeight <= 0);\n  };\n\n  return { isOverflowing: isOverflowing && !isAtBottom, onScroll };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAEA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,GAAuB,KAAI;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAEnDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC7C,MAAM,WAAW,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY;YACvD,gBAAgB,CAAC,WAAW,CAAC;AAC/B,SAAC,CAAC;AACF,QAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC;;QAG3B,OAAO,MAAK,EAAG,cAAc,CAAC,UAAU,EAAE,CAAC,EAAE;AAC/C,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,MAAM,QAAQ,GAAsC,CAAC,KAAK,KAAI;AAC5D,QAAA,IAAI,CAAC,GAAG;YAAE;QAEV,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAI,KAAK,CAAC,MAAsB;QAC/E,aAAa,CAAC,YAAY,GAAG,SAAS,GAAG,YAAY,IAAI,CAAC,CAAC;AAC7D,KAAC;IAED,OAAO,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE;AAClE;;;;"}
+{"version":3,"file":"useIsOverflowing.cjs","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * A hook to check if a component's contents are overflowing from its boundaries\n * (scrollbar is visible).\n */\nexport const useIsOverflowing = (ref: HTMLElement | null) => {\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const [isAtBottom, setIsAtBottom] = useState(false);\n\n  useEffect(() => {\n    if (!ref) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      const hasOverflow = ref.scrollHeight > ref.clientHeight;\n      setIsOverflowing(hasOverflow);\n    });\n    resizeObserver.observe(ref);\n\n    // eslint-disable-next-line consistent-return\n    return () => { resizeObserver.disconnect(); };\n  }, [ref]);\n\n  const onScroll: React.UIEventHandler<HTMLElement> = (event) => {\n    if (!ref) return;\n\n    const { scrollTop, scrollHeight, clientHeight } = (event.target as HTMLElement);\n    setIsAtBottom(scrollHeight - scrollTop - clientHeight <= 0);\n  };\n\n  return { isOverflowing: isOverflowing && !isAtBottom, onScroll };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAEA;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,GAAuB,KAAI;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAEnDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC7C,MAAM,WAAW,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY;YACvD,gBAAgB,CAAC,WAAW,CAAC;AAC/B,QAAA,CAAC,CAAC;AACF,QAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC;;QAG3B,OAAO,MAAK,EAAG,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;AAC/C,IAAA,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,MAAM,QAAQ,GAAsC,CAAC,KAAK,KAAI;AAC5D,QAAA,IAAI,CAAC,GAAG;YAAE;QAEV,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAI,KAAK,CAAC,MAAsB;QAC/E,aAAa,CAAC,YAAY,GAAG,SAAS,GAAG,YAAY,IAAI,CAAC,CAAC;AAC7D,IAAA,CAAC;IAED,OAAO,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE;AAClE;;;;"}

package/dist/hooks/useIsOverflowing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsOverflowing.js","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * A hook to check if a component's contents are overflowing from its boundaries\n * (scrollbar is visible).\n */\nexport const useIsOverflowing = (ref: HTMLElement | null) => {\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const [isAtBottom, setIsAtBottom] = useState(false);\n\n  useEffect(() => {\n    if (!ref) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      const hasOverflow = ref.scrollHeight > ref.clientHeight;\n      setIsOverflowing(hasOverflow);\n    });\n    resizeObserver.observe(ref);\n\n    // eslint-disable-next-line consistent-return\n    return () => { resizeObserver.disconnect(); };\n  }, [ref]);\n\n  const onScroll: React.UIEventHandler<HTMLElement> = (event) => {\n    if (!ref) return;\n\n    const { scrollTop, scrollHeight, clientHeight } = (event.target as HTMLElement);\n    setIsAtBottom(scrollHeight - scrollTop - clientHeight <= 0);\n  };\n\n  return { isOverflowing: isOverflowing && !isAtBottom, onScroll };\n};\n"],"names":[],"mappings":";;AAEA;;;AAGG;AACU,MAAA,gBAAgB,GAAG,CAAC,GAAuB,KAAI;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEnD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC7C,MAAM,WAAW,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY;YACvD,gBAAgB,CAAC,WAAW,CAAC;AAC/B,SAAC,CAAC;AACF,QAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC;;QAG3B,OAAO,MAAK,EAAG,cAAc,CAAC,UAAU,EAAE,CAAC,EAAE;AAC/C,KAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,MAAM,QAAQ,GAAsC,CAAC,KAAK,KAAI;AAC5D,QAAA,IAAI,CAAC,GAAG;YAAE;QAEV,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAI,KAAK,CAAC,MAAsB;QAC/E,aAAa,CAAC,YAAY,GAAG,SAAS,GAAG,YAAY,IAAI,CAAC,CAAC;AAC7D,KAAC;IAED,OAAO,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE;AAClE;;;;"}
+{"version":3,"file":"useIsOverflowing.js","sources":["../../src/hooks/useIsOverflowing.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * A hook to check if a component's contents are overflowing from its boundaries\n * (scrollbar is visible).\n */\nexport const useIsOverflowing = (ref: HTMLElement | null) => {\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const [isAtBottom, setIsAtBottom] = useState(false);\n\n  useEffect(() => {\n    if (!ref) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      const hasOverflow = ref.scrollHeight > ref.clientHeight;\n      setIsOverflowing(hasOverflow);\n    });\n    resizeObserver.observe(ref);\n\n    // eslint-disable-next-line consistent-return\n    return () => { resizeObserver.disconnect(); };\n  }, [ref]);\n\n  const onScroll: React.UIEventHandler<HTMLElement> = (event) => {\n    if (!ref) return;\n\n    const { scrollTop, scrollHeight, clientHeight } = (event.target as HTMLElement);\n    setIsAtBottom(scrollHeight - scrollTop - clientHeight <= 0);\n  };\n\n  return { isOverflowing: isOverflowing && !isAtBottom, onScroll };\n};\n"],"names":[],"mappings":";;AAEA;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,GAAuB,KAAI;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEnD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,GAAG;YAAE;AAEV,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;YAC7C,MAAM,WAAW,GAAG,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY;YACvD,gBAAgB,CAAC,WAAW,CAAC;AAC/B,QAAA,CAAC,CAAC;AACF,QAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC;;QAG3B,OAAO,MAAK,EAAG,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;AAC/C,IAAA,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,MAAM,QAAQ,GAAsC,CAAC,KAAK,KAAI;AAC5D,QAAA,IAAI,CAAC,GAAG;YAAE;QAEV,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAI,KAAK,CAAC,MAAsB;QAC/E,aAAa,CAAC,YAAY,GAAG,SAAS,GAAG,YAAY,IAAI,CAAC,CAAC;AAC7D,IAAA,CAAC;IAED,OAAO,EAAE,aAAa,EAAE,aAAa,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE;AAClE;;;;"}

package/dist/hooks/useResizeObserver.cjs

@@ -49,13 +49,13 @@ const useResizeObserver = ({ targetRef, resizeHandler, throttleMs, }) => {
     React.useEffect(() => {
         if (resizeObserverRef.current) {
             // Check to see if the ref has actually changed. If it hasn't we can skip resetting the ResizeObserver.
-            if ((targetRef === null || targetRef === undefined ? undefined : targetRef.current) &&
+            if ((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) &&
                 currentTargetRef.current &&
                 targetRef.current === currentTargetRef.current) {
                 return;
             }
             resizeObserverRef.current.disconnect();
-            if (targetRef === null || targetRef === undefined ? undefined : targetRef.current) {
+            if (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) {
                 resizeObserverRef.current.observe(targetRef.current);
                 currentTargetRef.current = targetRef.current;
             }

package/dist/hooks/useResizeObserver.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.cjs","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype ResizeHandler = (size: { width: number; height: number }) => void;\n\ntype UseResizeObserverCustomProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  resizeHandler: ResizeHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up a `ResizeObserver` for a given element, and fires a callback when the element is resized.\n * @param targetRef The element to observe.\n * @param resizeHandler The callback to invoke when the element is resized.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useResizeObserver = ({\n  targetRef,\n  resizeHandler,\n  throttleMs,\n}: UseResizeObserverCustomProps) => {\n  // Use a ref to store the resizeHandler to avoid re-rendering when the callback changes.\n  const resizeHandlerRef = useRef<ResizeHandler | undefined>(undefined);\n  resizeHandlerRef.current = resizeHandler;\n\n  const resizeObserverRef = useRef<ResizeObserver>();\n  const previousSizeRef = useRef<{ width: number; height: number } | undefined>(undefined);\n\n  const currentTargetRef = useRef<HTMLElement>();\n\n  // Setup the resize observer when the hook is mounted.\n  useEffect(() => {\n    const observerCallback = (entries: ResizeObserverEntry[]) => {\n      // We'll only ever be monitoring one element, so we'll only have one entry.\n      const entry = entries[0];\n\n      const { inlineSize: width, blockSize: height } = entry.contentBoxSize[0];\n\n      // Avoid unecessary callbacks by checking to see if the dimensions have actually changed.\n      if (\n        previousSizeRef.current &&\n        previousSizeRef.current.width === width &&\n        previousSizeRef.current.height === height\n      ) {\n        return;\n      }\n\n      previousSizeRef.current = { width, height };\n\n      if (resizeHandlerRef.current) {\n        resizeHandlerRef.current({ width, height });\n      }\n    };\n\n    resizeObserverRef.current = new ResizeObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    // Cleanup the resizer observer on unmount\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  // Ensure we're always observing the latest element referenced in 'ref'.\n  useEffect(() => {\n    if (resizeObserverRef.current) {\n      // Check to see if the ref has actually changed. If it hasn't we can skip resetting the ResizeObserver.\n      if (\n        targetRef?.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      resizeObserverRef.current.disconnect();\n\n      if (targetRef?.current) {\n        resizeObserverRef.current.observe(targetRef.current);\n        currentTargetRef.current = targetRef.current;\n      }\n    }\n  });\n};\n"],"names":["useRef","useEffect","throttle"],"mappings":";;;;;;;;;AAYA;;;;;AAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,aAAa,EACb,UAAU,GACmB,KAAI;;AAEjC,IAAA,MAAM,gBAAgB,GAAGA,YAAM,CAA4B,SAAS,CAAC;AACrE,IAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;AAExC,IAAA,MAAM,iBAAiB,GAAGA,YAAM,EAAkB;AAClD,IAAA,MAAM,eAAe,GAAGA,YAAM,CAAgD,SAAS,CAAC;AAExF,IAAA,MAAM,gBAAgB,GAAGA,YAAM,EAAe;;IAG9CC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAA8B,KAAI;;AAE1D,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;AAExB,YAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;;YAGxE,IACE,eAAe,CAAC,OAAO;AACvB,gBAAA,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK;AACvC,gBAAA,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,EACzC;gBACA;AACD;YAED,eAAe,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;YAE3C,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,gBAAgB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC5C;AACH,SAAC;QAED,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAC5C,UAAU,GAAGC,yBAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,gBAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AACvC;AACH,SAAC;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;;IAGhBD,eAAS,CAAC,MAAK;QACb,IAAI,iBAAiB,CAAC,OAAO,EAAE;;AAE7B,YAAA,IACE,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,SAAA,GAAA,SAAA,GAAA,SAAS,CAAE,OAAO;AAClB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD;AAED,YAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AAEtC,YAAA,IAAI,SAAS,KAAT,IAAA,IAAA,SAAS,6BAAT,SAAS,CAAE,OAAO,EAAE;gBACtB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AACpD,gBAAA,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO;AAC7C;AACF;AACH,KAAC,CAAC;AACJ;;;;"}
+{"version":3,"file":"useResizeObserver.cjs","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype ResizeHandler = (size: { width: number; height: number }) => void;\n\ntype UseResizeObserverCustomProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  resizeHandler: ResizeHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up a `ResizeObserver` for a given element, and fires a callback when the element is resized.\n * @param targetRef The element to observe.\n * @param resizeHandler The callback to invoke when the element is resized.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useResizeObserver = ({\n  targetRef,\n  resizeHandler,\n  throttleMs,\n}: UseResizeObserverCustomProps) => {\n  // Use a ref to store the resizeHandler to avoid re-rendering when the callback changes.\n  const resizeHandlerRef = useRef<ResizeHandler | undefined>(undefined);\n  resizeHandlerRef.current = resizeHandler;\n\n  const resizeObserverRef = useRef<ResizeObserver>();\n  const previousSizeRef = useRef<{ width: number; height: number } | undefined>(undefined);\n\n  const currentTargetRef = useRef<HTMLElement>();\n\n  // Setup the resize observer when the hook is mounted.\n  useEffect(() => {\n    const observerCallback = (entries: ResizeObserverEntry[]) => {\n      // We'll only ever be monitoring one element, so we'll only have one entry.\n      const entry = entries[0];\n\n      const { inlineSize: width, blockSize: height } = entry.contentBoxSize[0];\n\n      // Avoid unecessary callbacks by checking to see if the dimensions have actually changed.\n      if (\n        previousSizeRef.current &&\n        previousSizeRef.current.width === width &&\n        previousSizeRef.current.height === height\n      ) {\n        return;\n      }\n\n      previousSizeRef.current = { width, height };\n\n      if (resizeHandlerRef.current) {\n        resizeHandlerRef.current({ width, height });\n      }\n    };\n\n    resizeObserverRef.current = new ResizeObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    // Cleanup the resizer observer on unmount\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  // Ensure we're always observing the latest element referenced in 'ref'.\n  useEffect(() => {\n    if (resizeObserverRef.current) {\n      // Check to see if the ref has actually changed. If it hasn't we can skip resetting the ResizeObserver.\n      if (\n        targetRef?.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      resizeObserverRef.current.disconnect();\n\n      if (targetRef?.current) {\n        resizeObserverRef.current.observe(targetRef.current);\n        currentTargetRef.current = targetRef.current;\n      }\n    }\n  });\n};\n"],"names":["useRef","useEffect","throttle"],"mappings":";;;;;;;;;AAYA;;;;;AAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,aAAa,EACb,UAAU,GACmB,KAAI;;AAEjC,IAAA,MAAM,gBAAgB,GAAGA,YAAM,CAA4B,SAAS,CAAC;AACrE,IAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;AAExC,IAAA,MAAM,iBAAiB,GAAGA,YAAM,EAAkB;AAClD,IAAA,MAAM,eAAe,GAAGA,YAAM,CAAgD,SAAS,CAAC;AAExF,IAAA,MAAM,gBAAgB,GAAGA,YAAM,EAAe;;IAG9CC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAA8B,KAAI;;AAE1D,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;AAExB,YAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;;YAGxE,IACE,eAAe,CAAC,OAAO;AACvB,gBAAA,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK;AACvC,gBAAA,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,EACzC;gBACA;AACD,YAAA;YAED,eAAe,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;YAE3C,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,gBAAgB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC5C,YAAA;AACH,QAAA,CAAC;QAED,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAC5C,UAAU,GAAGC,yBAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,gBAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AACvC,YAAA;AACH,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;;IAGhBD,eAAS,CAAC,MAAK;QACb,IAAI,iBAAiB,CAAC,OAAO,EAAE;;AAE7B,YAAA,IACE,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,OAAO;AAClB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD,YAAA;AAED,YAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AAEtC,YAAA,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE;gBACtB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AACpD,gBAAA,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO;AAC7C,YAAA;AACF,QAAA;AACH,IAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/hooks/useResizeObserver.js

@@ -43,13 +43,13 @@ const useResizeObserver = ({ targetRef, resizeHandler, throttleMs, }) => {
     useEffect(() => {
         if (resizeObserverRef.current) {
             // Check to see if the ref has actually changed. If it hasn't we can skip resetting the ResizeObserver.
-            if ((targetRef === null || targetRef === undefined ? undefined : targetRef.current) &&
+            if ((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) &&
                 currentTargetRef.current &&
                 targetRef.current === currentTargetRef.current) {
                 return;
             }
             resizeObserverRef.current.disconnect();
-            if (targetRef === null || targetRef === undefined ? undefined : targetRef.current) {
+            if (targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) {
                 resizeObserverRef.current.observe(targetRef.current);
                 currentTargetRef.current = targetRef.current;
             }

package/dist/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype ResizeHandler = (size: { width: number; height: number }) => void;\n\ntype UseResizeObserverCustomProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  resizeHandler: ResizeHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up a `ResizeObserver` for a given element, and fires a callback when the element is resized.\n * @param targetRef The element to observe.\n * @param resizeHandler The callback to invoke when the element is resized.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useResizeObserver = ({\n  targetRef,\n  resizeHandler,\n  throttleMs,\n}: UseResizeObserverCustomProps) => {\n  // Use a ref to store the resizeHandler to avoid re-rendering when the callback changes.\n  const resizeHandlerRef = useRef<ResizeHandler | undefined>(undefined);\n  resizeHandlerRef.current = resizeHandler;\n\n  const resizeObserverRef = useRef<ResizeObserver>();\n  const previousSizeRef = useRef<{ width: number; height: number } | undefined>(undefined);\n\n  const currentTargetRef = useRef<HTMLElement>();\n\n  // Setup the resize observer when the hook is mounted.\n  useEffect(() => {\n    const observerCallback = (entries: ResizeObserverEntry[]) => {\n      // We'll only ever be monitoring one element, so we'll only have one entry.\n      const entry = entries[0];\n\n      const { inlineSize: width, blockSize: height } = entry.contentBoxSize[0];\n\n      // Avoid unecessary callbacks by checking to see if the dimensions have actually changed.\n      if (\n        previousSizeRef.current &&\n        previousSizeRef.current.width === width &&\n        previousSizeRef.current.height === height\n      ) {\n        return;\n      }\n\n      previousSizeRef.current = { width, height };\n\n      if (resizeHandlerRef.current) {\n        resizeHandlerRef.current({ width, height });\n      }\n    };\n\n    resizeObserverRef.current = new ResizeObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    // Cleanup the resizer observer on unmount\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  // Ensure we're always observing the latest element referenced in 'ref'.\n  useEffect(() => {\n    if (resizeObserverRef.current) {\n      // Check to see if the ref has actually changed. If it hasn't we can skip resetting the ResizeObserver.\n      if (\n        targetRef?.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      resizeObserverRef.current.disconnect();\n\n      if (targetRef?.current) {\n        resizeObserverRef.current.observe(targetRef.current);\n        currentTargetRef.current = targetRef.current;\n      }\n    }\n  });\n};\n"],"names":[],"mappings":";;;AAYA;;;;;AAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,aAAa,EACb,UAAU,GACmB,KAAI;;AAEjC,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAA4B,SAAS,CAAC;AACrE,IAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;AAExC,IAAA,MAAM,iBAAiB,GAAG,MAAM,EAAkB;AAClD,IAAA,MAAM,eAAe,GAAG,MAAM,CAAgD,SAAS,CAAC;AAExF,IAAA,MAAM,gBAAgB,GAAG,MAAM,EAAe;;IAG9C,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAA8B,KAAI;;AAE1D,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;AAExB,YAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;;YAGxE,IACE,eAAe,CAAC,OAAO;AACvB,gBAAA,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK;AACvC,gBAAA,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,EACzC;gBACA;AACD;YAED,eAAe,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;YAE3C,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,gBAAgB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC5C;AACH,SAAC;QAED,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAC5C,UAAU,GAAG,QAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,gBAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AACvC;AACH,SAAC;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC;;IAGhB,SAAS,CAAC,MAAK;QACb,IAAI,iBAAiB,CAAC,OAAO,EAAE;;AAE7B,YAAA,IACE,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,SAAA,GAAA,SAAA,GAAA,SAAS,CAAE,OAAO;AAClB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD;AAED,YAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AAEtC,YAAA,IAAI,SAAS,KAAT,IAAA,IAAA,SAAS,6BAAT,SAAS,CAAE,OAAO,EAAE;gBACtB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AACpD,gBAAA,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO;AAC7C;AACF;AACH,KAAC,CAAC;AACJ;;;;"}
+{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { RefObject, useEffect, useRef } from 'react';\n\nimport throttle from 'lodash.throttle';\n\ntype ResizeHandler = (size: { width: number; height: number }) => void;\n\ntype UseResizeObserverCustomProps = {\n  targetRef: RefObject<HTMLElement | null>;\n  resizeHandler: ResizeHandler;\n  throttleMs?: number;\n};\n\n/**\n * Hook which sets up a `ResizeObserver` for a given element, and fires a callback when the element is resized.\n * @param targetRef The element to observe.\n * @param resizeHandler The callback to invoke when the element is resized.\n * @param throttleMs (Optional) the number of ms to throttle the observer callback.\n */\nexport const useResizeObserver = ({\n  targetRef,\n  resizeHandler,\n  throttleMs,\n}: UseResizeObserverCustomProps) => {\n  // Use a ref to store the resizeHandler to avoid re-rendering when the callback changes.\n  const resizeHandlerRef = useRef<ResizeHandler | undefined>(undefined);\n  resizeHandlerRef.current = resizeHandler;\n\n  const resizeObserverRef = useRef<ResizeObserver>();\n  const previousSizeRef = useRef<{ width: number; height: number } | undefined>(undefined);\n\n  const currentTargetRef = useRef<HTMLElement>();\n\n  // Setup the resize observer when the hook is mounted.\n  useEffect(() => {\n    const observerCallback = (entries: ResizeObserverEntry[]) => {\n      // We'll only ever be monitoring one element, so we'll only have one entry.\n      const entry = entries[0];\n\n      const { inlineSize: width, blockSize: height } = entry.contentBoxSize[0];\n\n      // Avoid unecessary callbacks by checking to see if the dimensions have actually changed.\n      if (\n        previousSizeRef.current &&\n        previousSizeRef.current.width === width &&\n        previousSizeRef.current.height === height\n      ) {\n        return;\n      }\n\n      previousSizeRef.current = { width, height };\n\n      if (resizeHandlerRef.current) {\n        resizeHandlerRef.current({ width, height });\n      }\n    };\n\n    resizeObserverRef.current = new ResizeObserver(\n      throttleMs ? throttle(observerCallback, throttleMs) : observerCallback,\n    );\n\n    // Cleanup the resizer observer on unmount\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n      }\n    };\n  }, [throttleMs]);\n\n  // Ensure we're always observing the latest element referenced in 'ref'.\n  useEffect(() => {\n    if (resizeObserverRef.current) {\n      // Check to see if the ref has actually changed. If it hasn't we can skip resetting the ResizeObserver.\n      if (\n        targetRef?.current &&\n        currentTargetRef.current &&\n        targetRef.current === currentTargetRef.current\n      ) {\n        return;\n      }\n\n      resizeObserverRef.current.disconnect();\n\n      if (targetRef?.current) {\n        resizeObserverRef.current.observe(targetRef.current);\n        currentTargetRef.current = targetRef.current;\n      }\n    }\n  });\n};\n"],"names":[],"mappings":";;;AAYA;;;;;AAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,SAAS,EACT,aAAa,EACb,UAAU,GACmB,KAAI;;AAEjC,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAA4B,SAAS,CAAC;AACrE,IAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;AAExC,IAAA,MAAM,iBAAiB,GAAG,MAAM,EAAkB;AAClD,IAAA,MAAM,eAAe,GAAG,MAAM,CAAgD,SAAS,CAAC;AAExF,IAAA,MAAM,gBAAgB,GAAG,MAAM,EAAe;;IAG9C,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,CAAC,OAA8B,KAAI;;AAE1D,YAAA,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;AAExB,YAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;;YAGxE,IACE,eAAe,CAAC,OAAO;AACvB,gBAAA,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK;AACvC,gBAAA,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,EACzC;gBACA;AACD,YAAA;YAED,eAAe,CAAC,OAAO,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;YAE3C,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,gBAAgB,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC5C,YAAA;AACH,QAAA,CAAC;QAED,iBAAiB,CAAC,OAAO,GAAG,IAAI,cAAc,CAC5C,UAAU,GAAG,QAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,gBAAgB,CACvE;;AAGD,QAAA,OAAO,MAAK;YACV,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,gBAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AACvC,YAAA;AACH,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;;IAGhB,SAAS,CAAC,MAAK;QACb,IAAI,iBAAiB,CAAC,OAAO,EAAE;;AAE7B,YAAA,IACE,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,OAAO;AAClB,gBAAA,gBAAgB,CAAC,OAAO;AACxB,gBAAA,SAAS,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,EAC9C;gBACA;AACD,YAAA;AAED,YAAA,iBAAiB,CAAC,OAAO,CAAC,UAAU,EAAE;AAEtC,YAAA,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE;gBACtB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;AACpD,gBAAA,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO;AAC7C,YAAA;AACF,QAAA;AACH,IAAA,CAAC,CAAC;AACJ;;;;"}

package/dist/hooks/useScrollPosition/useScrollPosition.cjs

@@ -31,7 +31,7 @@ const useScrollPosition = ({ containerRef }) => {
     // Calculate initial scroll position synchronously before paint
     React.useLayoutEffect(() => {
         var _a;
-        updatePosition((_a = containerRef === null || containerRef === undefined ? undefined : containerRef.current) !== null && _a !== undefined ? _a : null);
+        updatePosition((_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) !== null && _a !== void 0 ? _a : null);
     }, [containerRef, updatePosition]);
     // Enable transitions only after a real scroll change (not the initial calculation)
     React.useEffect(() => {
@@ -44,7 +44,7 @@ const useScrollPosition = ({ containerRef }) => {
     // Recalculate scroll position when the container size changes
     useResizeObserver.useResizeObserver({
         targetRef: containerRef,
-        resizeHandler: () => { var _a; return updatePosition((_a = containerRef === null || containerRef === undefined ? undefined : containerRef.current) !== null && _a !== undefined ? _a : null); },
+        resizeHandler: () => { var _a; return updatePosition((_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) !== null && _a !== void 0 ? _a : null); },
         throttleMs: constants.THROTTLE_MS,
     });
     return { scrollPosition, onScroll, enableTransition };

package/dist/hooks/useScrollPosition/useScrollPosition.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.cjs","sources":["../../../src/hooks/useScrollPosition/useScrollPosition.ts"],"sourcesContent":["import {\n  useState,\n  useLayoutEffect,\n  useEffect,\n  useRef,\n  useMemo,\n  useCallback,\n  RefObject,\n} from 'react';\nimport throttle from 'lodash.throttle';\nimport { useResizeObserver } from '../useResizeObserver';\nimport { THROTTLE_MS } from './constants';\nimport { ScrollPosition, UseScrollPositionProps } from './types';\nimport { getScrollPosition } from './utils';\n\n/**\n * Hook to track the horizontal scroll position of a scrollable container.\n */\nexport const useScrollPosition = ({ containerRef }: UseScrollPositionProps) => {\n  const [scrollPosition, setScrollPosition] = useState<ScrollPosition>(undefined);\n  const [enableTransition, setEnableTransition] = useState(false);\n  const prevScrollPositionRef = useRef<ScrollPosition>(undefined);\n\n  const updatePosition = useCallback((container: HTMLElement | null) => {\n    if (!container) return;\n    setScrollPosition(getScrollPosition({ container }));\n  }, []);\n\n  const throttledUpdate = useMemo(() => throttle(updatePosition, THROTTLE_MS), [updatePosition]);\n\n  const onScroll = (e: React.UIEvent<HTMLElement>) => throttledUpdate(e.currentTarget);\n\n  // Clean up throttled function on unmount\n  useEffect(() => {\n    return () => throttledUpdate.cancel();\n  }, [throttledUpdate]);\n\n  // Calculate initial scroll position synchronously before paint\n  useLayoutEffect(() => {\n    updatePosition(containerRef?.current ?? null);\n  }, [containerRef, updatePosition]);\n\n  // Enable transitions only after a real scroll change (not the initial calculation)\n  useEffect(() => {\n    const hasPositionChanged =\n      prevScrollPositionRef.current && scrollPosition !== prevScrollPositionRef.current;\n\n    if (hasPositionChanged) {\n      setEnableTransition(true);\n    }\n    prevScrollPositionRef.current = scrollPosition;\n  }, [scrollPosition]);\n\n  // Recalculate scroll position when the container size changes\n  useResizeObserver({\n    targetRef: containerRef as RefObject<HTMLElement | null>,\n    resizeHandler: () => updatePosition(containerRef?.current ?? null),\n    throttleMs: THROTTLE_MS,\n  });\n\n  return { scrollPosition, onScroll, enableTransition };\n};\n"],"names":["useState","useRef","useCallback","getScrollPosition","useMemo","throttle","THROTTLE_MS","useEffect","useLayoutEffect","useResizeObserver"],"mappings":";;;;;;;;;;;;AAeA;;AAEG;MACU,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAA0B,KAAI;IAC5E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAiB,SAAS,CAAC;IAC/E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAC/D,IAAA,MAAM,qBAAqB,GAAGC,YAAM,CAAiB,SAAS,CAAC;AAE/D,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAAC,CAAC,SAA6B,KAAI;AACnE,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,iBAAiB,CAACC,uBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;KACpD,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,eAAe,GAAGC,aAAO,CAAC,MAAMC,yBAAQ,CAAC,cAAc,EAAEC,qBAAW,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAE9F,IAAA,MAAM,QAAQ,GAAG,CAAC,CAA6B,KAAK,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC;;IAGpFC,eAAS,CAAC,MAAK;AACb,QAAA,OAAO,MAAM,eAAe,CAAC,MAAM,EAAE;AACvC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC;;IAGrBC,qBAAe,CAAC,MAAK;;AACnB,QAAA,cAAc,CAAC,CAAA,EAAA,GAAA,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AAC/C,KAAC,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;;IAGlCD,eAAS,CAAC,MAAK;QACb,MAAM,kBAAkB,GACtB,qBAAqB,CAAC,OAAO,IAAI,cAAc,KAAK,qBAAqB,CAAC,OAAO;AAEnF,QAAA,IAAI,kBAAkB,EAAE;YACtB,mBAAmB,CAAC,IAAI,CAAC;AAC1B;AACD,QAAA,qBAAqB,CAAC,OAAO,GAAG,cAAc;AAChD,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC;;AAGpB,IAAAE,mCAAiB,CAAC;AAChB,QAAA,SAAS,EAAE,YAA6C;AACxD,QAAA,aAAa,EAAE,gBAAM,OAAA,cAAc,CAAC,CAAA,EAAA,GAAA,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,OAAO,sCAAI,IAAI,CAAC,CAAA,EAAA;AAClE,QAAA,UAAU,EAAEH,qBAAW;AACxB,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE;AACvD;;;;"}
+{"version":3,"file":"useScrollPosition.cjs","sources":["../../../src/hooks/useScrollPosition/useScrollPosition.ts"],"sourcesContent":["import {\n  useState,\n  useLayoutEffect,\n  useEffect,\n  useRef,\n  useMemo,\n  useCallback,\n  RefObject,\n} from 'react';\nimport throttle from 'lodash.throttle';\nimport { useResizeObserver } from '../useResizeObserver';\nimport { THROTTLE_MS } from './constants';\nimport { ScrollPosition, UseScrollPositionProps } from './types';\nimport { getScrollPosition } from './utils';\n\n/**\n * Hook to track the horizontal scroll position of a scrollable container.\n */\nexport const useScrollPosition = ({ containerRef }: UseScrollPositionProps) => {\n  const [scrollPosition, setScrollPosition] = useState<ScrollPosition>(undefined);\n  const [enableTransition, setEnableTransition] = useState(false);\n  const prevScrollPositionRef = useRef<ScrollPosition>(undefined);\n\n  const updatePosition = useCallback((container: HTMLElement | null) => {\n    if (!container) return;\n    setScrollPosition(getScrollPosition({ container }));\n  }, []);\n\n  const throttledUpdate = useMemo(() => throttle(updatePosition, THROTTLE_MS), [updatePosition]);\n\n  const onScroll = (e: React.UIEvent<HTMLElement>) => throttledUpdate(e.currentTarget);\n\n  // Clean up throttled function on unmount\n  useEffect(() => {\n    return () => throttledUpdate.cancel();\n  }, [throttledUpdate]);\n\n  // Calculate initial scroll position synchronously before paint\n  useLayoutEffect(() => {\n    updatePosition(containerRef?.current ?? null);\n  }, [containerRef, updatePosition]);\n\n  // Enable transitions only after a real scroll change (not the initial calculation)\n  useEffect(() => {\n    const hasPositionChanged =\n      prevScrollPositionRef.current && scrollPosition !== prevScrollPositionRef.current;\n\n    if (hasPositionChanged) {\n      setEnableTransition(true);\n    }\n    prevScrollPositionRef.current = scrollPosition;\n  }, [scrollPosition]);\n\n  // Recalculate scroll position when the container size changes\n  useResizeObserver({\n    targetRef: containerRef as RefObject<HTMLElement | null>,\n    resizeHandler: () => updatePosition(containerRef?.current ?? null),\n    throttleMs: THROTTLE_MS,\n  });\n\n  return { scrollPosition, onScroll, enableTransition };\n};\n"],"names":["useState","useRef","useCallback","getScrollPosition","useMemo","throttle","THROTTLE_MS","useEffect","useLayoutEffect","useResizeObserver"],"mappings":";;;;;;;;;;;;AAeA;;AAEG;MACU,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAA0B,KAAI;IAC5E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAiB,SAAS,CAAC;IAC/E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAC/D,IAAA,MAAM,qBAAqB,GAAGC,YAAM,CAAiB,SAAS,CAAC;AAE/D,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAAC,CAAC,SAA6B,KAAI;AACnE,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,iBAAiB,CAACC,uBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,eAAe,GAAGC,aAAO,CAAC,MAAMC,yBAAQ,CAAC,cAAc,EAAEC,qBAAW,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAE9F,IAAA,MAAM,QAAQ,GAAG,CAAC,CAA6B,KAAK,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC;;IAGpFC,eAAS,CAAC,MAAK;AACb,QAAA,OAAO,MAAM,eAAe,CAAC,MAAM,EAAE;AACvC,IAAA,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;;IAGrBC,qBAAe,CAAC,MAAK;;AACnB,QAAA,cAAc,CAAC,CAAA,EAAA,GAAA,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AAC/C,IAAA,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;;IAGlCD,eAAS,CAAC,MAAK;QACb,MAAM,kBAAkB,GACtB,qBAAqB,CAAC,OAAO,IAAI,cAAc,KAAK,qBAAqB,CAAC,OAAO;AAEnF,QAAA,IAAI,kBAAkB,EAAE;YACtB,mBAAmB,CAAC,IAAI,CAAC;AAC1B,QAAA;AACD,QAAA,qBAAqB,CAAC,OAAO,GAAG,cAAc;AAChD,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;;AAGpB,IAAAE,mCAAiB,CAAC;AAChB,QAAA,SAAS,EAAE,YAA6C;AACxD,QAAA,aAAa,EAAE,gBAAM,OAAA,cAAc,CAAC,CAAA,EAAA,GAAA,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,OAAO,mCAAI,IAAI,CAAC,CAAA,CAAA,CAAA;AAClE,QAAA,UAAU,EAAEH,qBAAW;AACxB,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE;AACvD;;;;"}

package/dist/hooks/useScrollPosition/useScrollPosition.js

@@ -25,7 +25,7 @@ const useScrollPosition = ({ containerRef }) => {
     // Calculate initial scroll position synchronously before paint
     useLayoutEffect(() => {
         var _a;
-        updatePosition((_a = containerRef === null || containerRef === undefined ? undefined : containerRef.current) !== null && _a !== undefined ? _a : null);
+        updatePosition((_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) !== null && _a !== void 0 ? _a : null);
     }, [containerRef, updatePosition]);
     // Enable transitions only after a real scroll change (not the initial calculation)
     useEffect(() => {
@@ -38,7 +38,7 @@ const useScrollPosition = ({ containerRef }) => {
     // Recalculate scroll position when the container size changes
     useResizeObserver({
         targetRef: containerRef,
-        resizeHandler: () => { var _a; return updatePosition((_a = containerRef === null || containerRef === undefined ? undefined : containerRef.current) !== null && _a !== undefined ? _a : null); },
+        resizeHandler: () => { var _a; return updatePosition((_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) !== null && _a !== void 0 ? _a : null); },
         throttleMs: THROTTLE_MS,
     });
     return { scrollPosition, onScroll, enableTransition };

package/dist/hooks/useScrollPosition/useScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.js","sources":["../../../src/hooks/useScrollPosition/useScrollPosition.ts"],"sourcesContent":["import {\n  useState,\n  useLayoutEffect,\n  useEffect,\n  useRef,\n  useMemo,\n  useCallback,\n  RefObject,\n} from 'react';\nimport throttle from 'lodash.throttle';\nimport { useResizeObserver } from '../useResizeObserver';\nimport { THROTTLE_MS } from './constants';\nimport { ScrollPosition, UseScrollPositionProps } from './types';\nimport { getScrollPosition } from './utils';\n\n/**\n * Hook to track the horizontal scroll position of a scrollable container.\n */\nexport const useScrollPosition = ({ containerRef }: UseScrollPositionProps) => {\n  const [scrollPosition, setScrollPosition] = useState<ScrollPosition>(undefined);\n  const [enableTransition, setEnableTransition] = useState(false);\n  const prevScrollPositionRef = useRef<ScrollPosition>(undefined);\n\n  const updatePosition = useCallback((container: HTMLElement | null) => {\n    if (!container) return;\n    setScrollPosition(getScrollPosition({ container }));\n  }, []);\n\n  const throttledUpdate = useMemo(() => throttle(updatePosition, THROTTLE_MS), [updatePosition]);\n\n  const onScroll = (e: React.UIEvent<HTMLElement>) => throttledUpdate(e.currentTarget);\n\n  // Clean up throttled function on unmount\n  useEffect(() => {\n    return () => throttledUpdate.cancel();\n  }, [throttledUpdate]);\n\n  // Calculate initial scroll position synchronously before paint\n  useLayoutEffect(() => {\n    updatePosition(containerRef?.current ?? null);\n  }, [containerRef, updatePosition]);\n\n  // Enable transitions only after a real scroll change (not the initial calculation)\n  useEffect(() => {\n    const hasPositionChanged =\n      prevScrollPositionRef.current && scrollPosition !== prevScrollPositionRef.current;\n\n    if (hasPositionChanged) {\n      setEnableTransition(true);\n    }\n    prevScrollPositionRef.current = scrollPosition;\n  }, [scrollPosition]);\n\n  // Recalculate scroll position when the container size changes\n  useResizeObserver({\n    targetRef: containerRef as RefObject<HTMLElement | null>,\n    resizeHandler: () => updatePosition(containerRef?.current ?? null),\n    throttleMs: THROTTLE_MS,\n  });\n\n  return { scrollPosition, onScroll, enableTransition };\n};\n"],"names":[],"mappings":";;;;;;AAeA;;AAEG;MACU,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAA0B,KAAI;IAC5E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,SAAS,CAAC;IAC/E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC/D,IAAA,MAAM,qBAAqB,GAAG,MAAM,CAAiB,SAAS,CAAC;AAE/D,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,SAA6B,KAAI;AACnE,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;KACpD,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAE9F,IAAA,MAAM,QAAQ,GAAG,CAAC,CAA6B,KAAK,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC;;IAGpF,SAAS,CAAC,MAAK;AACb,QAAA,OAAO,MAAM,eAAe,CAAC,MAAM,EAAE;AACvC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC;;IAGrB,eAAe,CAAC,MAAK;;AACnB,QAAA,cAAc,CAAC,CAAA,EAAA,GAAA,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AAC/C,KAAC,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;;IAGlC,SAAS,CAAC,MAAK;QACb,MAAM,kBAAkB,GACtB,qBAAqB,CAAC,OAAO,IAAI,cAAc,KAAK,qBAAqB,CAAC,OAAO;AAEnF,QAAA,IAAI,kBAAkB,EAAE;YACtB,mBAAmB,CAAC,IAAI,CAAC;AAC1B;AACD,QAAA,qBAAqB,CAAC,OAAO,GAAG,cAAc;AAChD,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC;;AAGpB,IAAA,iBAAiB,CAAC;AAChB,QAAA,SAAS,EAAE,YAA6C;AACxD,QAAA,aAAa,EAAE,gBAAM,OAAA,cAAc,CAAC,CAAA,EAAA,GAAA,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAA,SAAA,GAAZ,YAAY,CAAE,OAAO,sCAAI,IAAI,CAAC,CAAA,EAAA;AAClE,QAAA,UAAU,EAAE,WAAW;AACxB,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE;AACvD;;;;"}
+{"version":3,"file":"useScrollPosition.js","sources":["../../../src/hooks/useScrollPosition/useScrollPosition.ts"],"sourcesContent":["import {\n  useState,\n  useLayoutEffect,\n  useEffect,\n  useRef,\n  useMemo,\n  useCallback,\n  RefObject,\n} from 'react';\nimport throttle from 'lodash.throttle';\nimport { useResizeObserver } from '../useResizeObserver';\nimport { THROTTLE_MS } from './constants';\nimport { ScrollPosition, UseScrollPositionProps } from './types';\nimport { getScrollPosition } from './utils';\n\n/**\n * Hook to track the horizontal scroll position of a scrollable container.\n */\nexport const useScrollPosition = ({ containerRef }: UseScrollPositionProps) => {\n  const [scrollPosition, setScrollPosition] = useState<ScrollPosition>(undefined);\n  const [enableTransition, setEnableTransition] = useState(false);\n  const prevScrollPositionRef = useRef<ScrollPosition>(undefined);\n\n  const updatePosition = useCallback((container: HTMLElement | null) => {\n    if (!container) return;\n    setScrollPosition(getScrollPosition({ container }));\n  }, []);\n\n  const throttledUpdate = useMemo(() => throttle(updatePosition, THROTTLE_MS), [updatePosition]);\n\n  const onScroll = (e: React.UIEvent<HTMLElement>) => throttledUpdate(e.currentTarget);\n\n  // Clean up throttled function on unmount\n  useEffect(() => {\n    return () => throttledUpdate.cancel();\n  }, [throttledUpdate]);\n\n  // Calculate initial scroll position synchronously before paint\n  useLayoutEffect(() => {\n    updatePosition(containerRef?.current ?? null);\n  }, [containerRef, updatePosition]);\n\n  // Enable transitions only after a real scroll change (not the initial calculation)\n  useEffect(() => {\n    const hasPositionChanged =\n      prevScrollPositionRef.current && scrollPosition !== prevScrollPositionRef.current;\n\n    if (hasPositionChanged) {\n      setEnableTransition(true);\n    }\n    prevScrollPositionRef.current = scrollPosition;\n  }, [scrollPosition]);\n\n  // Recalculate scroll position when the container size changes\n  useResizeObserver({\n    targetRef: containerRef as RefObject<HTMLElement | null>,\n    resizeHandler: () => updatePosition(containerRef?.current ?? null),\n    throttleMs: THROTTLE_MS,\n  });\n\n  return { scrollPosition, onScroll, enableTransition };\n};\n"],"names":[],"mappings":";;;;;;AAeA;;AAEG;MACU,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAA0B,KAAI;IAC5E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,SAAS,CAAC;IAC/E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC/D,IAAA,MAAM,qBAAqB,GAAG,MAAM,CAAiB,SAAS,CAAC;AAE/D,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,SAA6B,KAAI;AACnE,QAAA,IAAI,CAAC,SAAS;YAAE;QAChB,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IACrD,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;AAE9F,IAAA,MAAM,QAAQ,GAAG,CAAC,CAA6B,KAAK,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC;;IAGpF,SAAS,CAAC,MAAK;AACb,QAAA,OAAO,MAAM,eAAe,CAAC,MAAM,EAAE;AACvC,IAAA,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;;IAGrB,eAAe,CAAC,MAAK;;AACnB,QAAA,cAAc,CAAC,CAAA,EAAA,GAAA,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAI,CAAC;AAC/C,IAAA,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;;IAGlC,SAAS,CAAC,MAAK;QACb,MAAM,kBAAkB,GACtB,qBAAqB,CAAC,OAAO,IAAI,cAAc,KAAK,qBAAqB,CAAC,OAAO;AAEnF,QAAA,IAAI,kBAAkB,EAAE;YACtB,mBAAmB,CAAC,IAAI,CAAC;AAC1B,QAAA;AACD,QAAA,qBAAqB,CAAC,OAAO,GAAG,cAAc;AAChD,IAAA,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;;AAGpB,IAAA,iBAAiB,CAAC;AAChB,QAAA,SAAS,EAAE,YAA6C;AACxD,QAAA,aAAa,EAAE,gBAAM,OAAA,cAAc,CAAC,CAAA,EAAA,GAAA,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,OAAO,mCAAI,IAAI,CAAC,CAAA,CAAA,CAAA;AAClE,QAAA,UAAU,EAAE,WAAW;AACxB,KAAA,CAAC;AAEF,IAAA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE;AACvD;;;;"}

package/dist/hooks/useTabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTabs.cjs","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":["import { useState } from 'react';\n\ninterface TabsConfig {\n  defaultActiveIndex?: number;\n}\n\ntype ITab = any;\n\nexport const useTabs = (tabs: ITab[], config?: TabsConfig) => {\n  const { defaultActiveIndex = 0 } = config || {};\n  const [listOfTabs] = useState<ITab[]>(tabs);\n  const [active, setActive] = useState<ITab>(listOfTabs[defaultActiveIndex]);\n\n  return [\n    active,\n    (key: string) => {\n      const newActiveTab = listOfTabs.find((tab) => tab.key === key);\n\n      if (newActiveTab) {\n        setActive(newActiveTab);\n      }\n    },\n  ] as const;\n};\n"],"names":["useState"],"mappings":";;;;MAQa,OAAO,GAAG,CAAC,IAAY,EAAE,MAAmB,KAAI;IAC3D,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,EAAE;IAC/C,MAAM,CAAC,UAAU,CAAC,GAAGA,cAAQ,CAAS,IAAI,CAAC;AAC3C,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE1E,OAAO;QACL,MAAM;QACN,CAAC,GAAW,KAAI;AACd,YAAA,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AAE9D,YAAA,IAAI,YAAY,EAAE;gBAChB,SAAS,CAAC,YAAY,CAAC;AACxB;SACF;KACO;AACZ;;;;"}
+{"version":3,"file":"useTabs.cjs","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":["import { useState } from 'react';\n\ninterface TabsConfig {\n  defaultActiveIndex?: number;\n}\n\ntype ITab = any;\n\nexport const useTabs = (tabs: ITab[], config?: TabsConfig) => {\n  const { defaultActiveIndex = 0 } = config || {};\n  const [listOfTabs] = useState<ITab[]>(tabs);\n  const [active, setActive] = useState<ITab>(listOfTabs[defaultActiveIndex]);\n\n  return [\n    active,\n    (key: string) => {\n      const newActiveTab = listOfTabs.find((tab) => tab.key === key);\n\n      if (newActiveTab) {\n        setActive(newActiveTab);\n      }\n    },\n  ] as const;\n};\n"],"names":["useState"],"mappings":";;;;MAQa,OAAO,GAAG,CAAC,IAAY,EAAE,MAAmB,KAAI;IAC3D,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,EAAE;IAC/C,MAAM,CAAC,UAAU,CAAC,GAAGA,cAAQ,CAAS,IAAI,CAAC;AAC3C,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE1E,OAAO;QACL,MAAM;QACN,CAAC,GAAW,KAAI;AACd,YAAA,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AAE9D,YAAA,IAAI,YAAY,EAAE;gBAChB,SAAS,CAAC,YAAY,CAAC;AACxB,YAAA;QACH,CAAC;KACO;AACZ;;;;"}

package/dist/hooks/useTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTabs.js","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":["import { useState } from 'react';\n\ninterface TabsConfig {\n  defaultActiveIndex?: number;\n}\n\ntype ITab = any;\n\nexport const useTabs = (tabs: ITab[], config?: TabsConfig) => {\n  const { defaultActiveIndex = 0 } = config || {};\n  const [listOfTabs] = useState<ITab[]>(tabs);\n  const [active, setActive] = useState<ITab>(listOfTabs[defaultActiveIndex]);\n\n  return [\n    active,\n    (key: string) => {\n      const newActiveTab = listOfTabs.find((tab) => tab.key === key);\n\n      if (newActiveTab) {\n        setActive(newActiveTab);\n      }\n    },\n  ] as const;\n};\n"],"names":[],"mappings":";;MAQa,OAAO,GAAG,CAAC,IAAY,EAAE,MAAmB,KAAI;IAC3D,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,EAAE;IAC/C,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC;AAC3C,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE1E,OAAO;QACL,MAAM;QACN,CAAC,GAAW,KAAI;AACd,YAAA,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AAE9D,YAAA,IAAI,YAAY,EAAE;gBAChB,SAAS,CAAC,YAAY,CAAC;AACxB;SACF;KACO;AACZ;;;;"}
+{"version":3,"file":"useTabs.js","sources":["../../src/hooks/useTabs.ts"],"sourcesContent":["import { useState } from 'react';\n\ninterface TabsConfig {\n  defaultActiveIndex?: number;\n}\n\ntype ITab = any;\n\nexport const useTabs = (tabs: ITab[], config?: TabsConfig) => {\n  const { defaultActiveIndex = 0 } = config || {};\n  const [listOfTabs] = useState<ITab[]>(tabs);\n  const [active, setActive] = useState<ITab>(listOfTabs[defaultActiveIndex]);\n\n  return [\n    active,\n    (key: string) => {\n      const newActiveTab = listOfTabs.find((tab) => tab.key === key);\n\n      if (newActiveTab) {\n        setActive(newActiveTab);\n      }\n    },\n  ] as const;\n};\n"],"names":[],"mappings":";;MAQa,OAAO,GAAG,CAAC,IAAY,EAAE,MAAmB,KAAI;IAC3D,MAAM,EAAE,kBAAkB,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,EAAE;IAC/C,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC;AAC3C,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE1E,OAAO;QACL,MAAM;QACN,CAAC,GAAW,KAAI;AACd,YAAA,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AAE9D,YAAA,IAAI,YAAY,EAAE;gBAChB,SAAS,CAAC,YAAY,CAAC;AACxB,YAAA;QACH,CAAC;KACO;AACZ;;;;"}

package/dist/icons/custom/components/ActiveCheckboxIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveCheckboxIcon.cjs","sources":["../../../../src/icons/custom/components/ActiveCheckboxIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const ActiveCheckboxIcon = (props: IconComponentProps) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    data-testid=\"active-checkbox-icon\"\n    {...props}\n  >\n    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" fill=\"white\" />\n    <path\n      d=\"M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z\"\n      fill=\"#4CA1D9\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAGO,MAAM,kBAAkB,GAAG,CAAC,KAAyB,MAC1DA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,sBAAsB,KAC9B,KAAK,EAAA;AAET,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAG,CAAA;IACxDA,sBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,wJAAwJ,EAC1J,IAAI,EAAC,SAAS,EAAA,CACd,CACE;;;;"}
+{"version":3,"file":"ActiveCheckboxIcon.cjs","sources":["../../../../src/icons/custom/components/ActiveCheckboxIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const ActiveCheckboxIcon = (props: IconComponentProps) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    data-testid=\"active-checkbox-icon\"\n    {...props}\n  >\n    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" fill=\"white\" />\n    <path\n      d=\"M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z\"\n      fill=\"#4CA1D9\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAGO,MAAM,kBAAkB,GAAG,CAAC,KAAyB,MAC1DA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,sBAAsB,KAC9B,KAAK,EAAA;AAET,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG;IACxDA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,wJAAwJ,EAC1J,IAAI,EAAC,SAAS,EAAA,CACd,CACE;;;;"}

package/dist/icons/custom/components/ActiveCheckboxIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveCheckboxIcon.js","sources":["../../../../src/icons/custom/components/ActiveCheckboxIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const ActiveCheckboxIcon = (props: IconComponentProps) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    data-testid=\"active-checkbox-icon\"\n    {...props}\n  >\n    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" fill=\"white\" />\n    <path\n      d=\"M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z\"\n      fill=\"#4CA1D9\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;AAGO,MAAM,kBAAkB,GAAG,CAAC,KAAyB,MAC1DA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,sBAAsB,KAC9B,KAAK,EAAA;AAET,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAG,CAAA;IACxDA,cACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,wJAAwJ,EAC1J,IAAI,EAAC,SAAS,EAAA,CACd,CACE;;;;"}
+{"version":3,"file":"ActiveCheckboxIcon.js","sources":["../../../../src/icons/custom/components/ActiveCheckboxIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const ActiveCheckboxIcon = (props: IconComponentProps) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    data-testid=\"active-checkbox-icon\"\n    {...props}\n  >\n    <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" fill=\"white\" />\n    <path\n      d=\"M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z\"\n      fill=\"#4CA1D9\"\n    />\n  </svg>\n);\n"],"names":["React"],"mappings":";;AAGO,MAAM,kBAAkB,GAAG,CAAC,KAAyB,MAC1DA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,sBAAsB,KAC9B,KAAK,EAAA;AAET,IAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG;IACxDA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,wJAAwJ,EAC1J,IAAI,EAAC,SAAS,EAAA,CACd,CACE;;;;"}

package/dist/icons/custom/components/ActiveRadioIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveRadioIcon.cjs","sources":["../../../../src/icons/custom/components/ActiveRadioIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const ActiveRadioIcon = (props: IconComponentProps) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    data-testid=\"active-radio-icon\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z\"\n      fill=\"#0079d1\"\n    />\n    <circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"#0079d1\" />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAGO,MAAM,eAAe,GAAG,CAAC,KAAyB,MACvDA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EACtB,aAAA,EAAA,mBAAmB,KAC3B,KAAK,EAAA;AAET,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAC,SAAS,EACd,CAAA;AACF,IAAAA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,CAC3C;;;;"}
+{"version":3,"file":"ActiveRadioIcon.cjs","sources":["../../../../src/icons/custom/components/ActiveRadioIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { IconComponentProps } from 'src/icons/types';\n\nexport const ActiveRadioIcon = (props: IconComponentProps) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    data-testid=\"active-radio-icon\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z\"\n      fill=\"#0079d1\"\n    />\n    <circle cx=\"12\" cy=\"12\" r=\"5\" fill=\"#0079d1\" />\n  </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;AAGO,MAAM,eAAe,GAAG,CAAC,KAAyB,MACvDA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,mBAAmB,KAC3B,KAAK,EAAA;AAET,IAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAC,SAAS,EAAA,CACd;AACF,IAAAA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CAC3C;;;;"}