@envive-ai/react-hooks 0.2.1 → 0.2.2

package/dist/hooks/Debounce/index.d.cts

@@ -0,0 +1,5 @@
+//#region src/hooks/Debounce/useDebounce.d.ts
+declare function useDebounce<T>(value: T, delay: number): T;
+//#endregion
+export { useDebounce };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguZC5jdHMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL0RlYm91bmNlL3VzZURlYm91bmNlLmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGRlY2xhcmUgZnVuY3Rpb24gdXNlRGVib3VuY2U8VD4odmFsdWU6IFQsIGRlbGF5OiBudW1iZXIpOiBUO1xuIl0sIm1hcHBpbmdzIjoiO0FBQUEsSUFBVyxjQUFjO0NBQUM7T0FBVztPQUFTO0NBQUUifQ==

package/dist/hooks/Debounce/index.d.ts

@@ -0,0 +1,5 @@
+//#region src/hooks/Debounce/useDebounce.d.ts
+declare function useDebounce<T>(value: T, delay: number): T;
+//#endregion
+export { useDebounce };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguZC50cyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG9va3MvRGVib3VuY2UvdXNlRGVib3VuY2UuZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZGVjbGFyZSBmdW5jdGlvbiB1c2VEZWJvdW5jZTxUPih2YWx1ZTogVCwgZGVsYXk6IG51bWJlcik6IFQ7XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxJQUFXLGNBQWM7Q0FBQztPQUFXO09BQVM7Q0FBRSJ9

package/dist/hooks/Debounce/index.js

@@ -0,0 +1,3 @@
+import { useDebounce } from "../../useDebounce-CxPj9WmE.js";
+
+export { useDebounce };

package/dist/hooks/ElementObserver/index.cjs

@@ -0,0 +1,179 @@
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+const require_domObserver = require('../../domObserver-CwieVNgj.cjs');
+let react = require("react");
+react = require_chunk.__toESM(react);
+
+//#region src/hooks/ElementObserver/useElementObserver.ts
+const useElementObserver = (selector) => {
+	const INITIAL_RENDER_STATE = true;
+	const eoRef = (0, react.useRef)(require_domObserver.DOMObserver.add(selector));
+	const [renderBlocked, setRenderBlocked] = (0, react.useState)(INITIAL_RENDER_STATE);
+	/**
+	* Fired every time the HTML element changes.
+	*
+	* @param fn
+	*/
+	const onChange = (fn) => {
+		eoRef.current?.registerOnChange(fn);
+	};
+	/**
+	* Fired when the HTML element is added to the DOM.
+	*
+	* @param fn
+	*/
+	const onAdd = (fn) => {
+		eoRef.current?.registerOnAdd(fn);
+	};
+	/**
+	* Fired when the HTML element is removed from the DOM.
+	*
+	* @param fn
+	*/
+	const onRemove = (fn) => {
+		eoRef.current?.registerOnRemove(fn);
+	};
+	/**
+	* Fired when the class of the HTML element changes.
+	*
+	* @param fn
+	*/
+	const onClassChange = (fn) => {
+		eoRef.current?.registerOnclassChange(fn);
+	};
+	/**
+	* Fired when a class is added to the HTML element.
+	*
+	* @param className
+	* @param fn
+	*/
+	const onClassAdded = (className, fn) => {
+		eoRef.current?.registerOnClassAdded(className, fn);
+	};
+	/**
+	* Fired when a class is removed from the HTML element.
+	*
+	* @param className
+	* @param fn
+	*/
+	const onClassRemoved = (className, fn) => {
+		eoRef.current?.registerOnClassRemoved(className, fn);
+	};
+	/**
+	* Fired when a child element is added to the HTML element.
+	*
+	* @param fn
+	*/
+	const onAddChild = (fn) => {
+		eoRef.current?.registerOnAddChild(fn);
+	};
+	/**
+	* Fired when a child element is removed from the HTML element.
+	*
+	* @param fn
+	*/
+	const onRemoveChild = (fn) => {
+		eoRef.current?.registerOnRemoveChild(fn);
+	};
+	/**
+	* Allows hooking event listeners to the HTML element, such as `focus`, `blur`, etc.
+	*
+	* @param event
+	* @param fn
+	*/
+	const onEvent = (event, fn) => {
+		eoRef.current.registerEvent(event, fn);
+	};
+	/**
+	* Useful when rendering a React.js component inside the HTML element.
+	*
+	* @param fn
+	* @returns
+	*/
+	const render = (fn) => {
+		if (!renderBlocked) return eoRef.current.render(fn);
+	};
+	/**
+	* Checks if the element exists in the DOM.
+	*
+	* @returns
+	*/
+	const exists = () => !!eoRef.current.getNode();
+	/**
+	* Checks if rendering is unblocked.
+	*
+	* @returns
+	*/
+	const isRendered = () => !renderBlocked;
+	/**
+	* Triggers an event for the HTML element.
+	*
+	* @param event
+	*/
+	const fire = (event) => {
+		eoRef.current.fire(event);
+	};
+	/**
+	* Shows the HTML element.
+	*
+	* @returns
+	*/
+	const show = () => eoRef.current.show();
+	/**
+	* Hides the HTML element.
+	*
+	* @returns
+	*/
+	const hide = () => eoRef.current.hide();
+	/**
+	* Blocks the rendering of elements.
+	*
+	* @returns
+	*/
+	const blockRendering = () => setRenderBlocked(true);
+	/**
+	* Unblocks the rendering of elements.
+	*
+	* @returns
+	*/
+	const unblockRendering = () => setRenderBlocked(false);
+	/**
+	* Applies CSS styles to the HTML element.
+	*
+	* @param styles
+	*/
+	const applyStyle = (styles) => {
+		const node = eoRef?.current?.getNode();
+		node && Object.assign(node.style, styles);
+	};
+	(0, react.useEffect)(() => {
+		eoRef.current.init();
+		eoRef.current.registerOnReset(() => setRenderBlocked(INITIAL_RENDER_STATE));
+		require_domObserver.DOMObserver.observe();
+		return () => require_domObserver.DOMObserver.remove(selector);
+	}, [selector.getPattern()]);
+	return {
+		targetNode: eoRef.current.getNode(),
+		onChange,
+		onAdd,
+		onRemove,
+		onClassChange,
+		onClassAdded,
+		onClassRemoved,
+		onAddChild,
+		onRemoveChild,
+		onEvent,
+		blockRendering,
+		unblockRendering,
+		exists,
+		isRendered,
+		render,
+		fire,
+		show,
+		hide,
+		applyStyle
+	};
+};
+
+//#endregion
+exports.useElementObserver = useElementObserver;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY2pzIiwibmFtZXMiOlsiRE9NT2JzZXJ2ZXIiXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG9va3MvRWxlbWVudE9ic2VydmVyL3VzZUVsZW1lbnRPYnNlcnZlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdEVsZW1lbnQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERPTU9ic2VydmVyIH0gZnJvbSAnc3JjL2FwcGxpY2F0aW9uL3V0aWxzL2RvbU9ic2VydmVyJztcbmltcG9ydCB7IEVsZW1lbnRPYnNlcnZlciB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi91dGlscy9lbGVtZW50T2JzZXJ2ZXInO1xuaW1wb3J0IHsgTW91c2VFdmVudFR5cGVzIH0gZnJvbSAnc3JjL2FwcGxpY2F0aW9uL3V0aWxzL21vdXNlRXZlbnRUeXBlcyc7XG5pbXBvcnQgeyBOb2RlU2VsZWN0b3IgfSBmcm9tICdzcmMvYXBwbGljYXRpb24vdXRpbHMvbm9kZVNlbGVjdG9yJztcblxuZXhwb3J0IGludGVyZmFjZSBFbGVtZW50T2JzZXJ2ZXJVdGlsaXR5IHtcbiAgb25DaGFuZ2U6IChmbjogKGVsOiBIVE1MRWxlbWVudCB8IG51bGwpID0+IHZvaWQpID0+IHZvaWQ7XG4gIG9uQWRkOiAoZm46IChlbDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB2b2lkKSA9PiB2b2lkO1xuICBvblJlbW92ZTogKGZuOiAoZWw6IEhUTUxFbGVtZW50IHwgbnVsbCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgb25DbGFzc0NoYW5nZTogKGZuOiAoY2xhc3Nlcz86IERPTVRva2VuTGlzdCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgb25DbGFzc0FkZGVkOiAoY2xhc3NOYW1lOiBzdHJpbmcsIGZuOiAoKSA9PiB2b2lkKSA9PiB2b2lkO1xuICBvbkNsYXNzUmVtb3ZlZDogKGNsYXNzTmFtZTogc3RyaW5nLCBmbjogKCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgb25BZGRDaGlsZDogKGZuOiAobm9kZXM/OiBET01Ub2tlbkxpc3QpID0+IHZvaWQpID0+IHZvaWQ7XG4gIG9uUmVtb3ZlQ2hpbGQ6IChmbjogKG5vZGVzPzogRE9NVG9rZW5MaXN0KSA9PiB2b2lkKSA9PiB2b2lkO1xuICBvbkV2ZW50OiA8SyBleHRlbmRzIGtleW9mIEhUTUxFbGVtZW50RXZlbnRNYXA+KFxuICAgIGV2ZW50OiBLLFxuICAgIGZuOiBFdmVudExpc3RlbmVyT3JFdmVudExpc3RlbmVyT2JqZWN0LFxuICApID0+IHZvaWQ7XG4gIGJsb2NrUmVuZGVyaW5nOiAoKSA9PiB2b2lkO1xuICB1bmJsb2NrUmVuZGVyaW5nOiAoKSA9PiB2b2lkO1xuICBleGlzdHM6ICgpID0+IGJvb2xlYW47XG4gIGlzUmVuZGVyZWQ6ICgpID0+IGJvb2xlYW47XG4gIHJlbmRlcjogKGZuOiAoKSA9PiBSZWFjdEVsZW1lbnQpID0+IFJlYWN0RWxlbWVudCB8IHVuZGVmaW5lZDtcbiAgZmlyZTogKGV2ZW50OiBNb3VzZUV2ZW50VHlwZXMpID0+IHZvaWQ7XG4gIHNob3c6ICgpID0+IHZvaWQ7XG4gIGhpZGU6ICgpID0+IHZvaWQ7XG4gIGFwcGx5U3R5bGU6IChzdHlsZXM6IFJlYWN0LkNTU1Byb3BlcnRpZXMpID0+IHZvaWQ7XG4gIHRhcmdldE5vZGU6IEhUTUxFbGVtZW50IHwgbnVsbDtcbn1cblxuLypcbiAqIFRoaXMgaG9vayBlbmFibGVzIHRoZSBjb25uZWN0aW9uIGJldHdlZW4gYSBgTXV0YXRpb25PYnNlcnZlcmAgYW5kIGEgUmVhY3QuanMgY29tcG9uZW50LlxuICogSXQgYWJzdHJhY3RzIGFsbCB0aGUgbmVjZXNzYXJ5IHZhbGlkYXRpb25zIGFuZCBpbXBsZW1lbnRhdGlvbnMgdG8gbW9kaWZ5IEhUTUwgZWxlbWVudHMsXG4gKiBtb25pdG9yIHRoZWlyIGNoYW5nZXMsIGFuZCBpbnRlcmFjdCB3aXRoIHRoZW0uIFRoZSBvbmx5IHJlcXVpcmVkIGlucHV0IGlzIHRoZSBlbGVtZW50J3Mgc2VsZWN0b3IuXG4gKlxuICogSG93IHRvIHVzZSBpdDpcbiAqXG4gKiBMZXQncyBhc3N1bWUgd2Ugd2FudCB0byBpbnRlcmFjdCB3aXRoIHRoZSBmb2xsb3dpbmcgZWxlbWVudDpcbiAqIGA8ZGl2IGlkPVwiYXdlc29tZS1jb250ZW50XCI+PGNvbnRlbnQgLz48L2Rpdj5gXG4gKlxuICogVG8gaG9vayBpbnRvIHRoYXQgZWxlbWVudCwgc2ltcGx5IGRvIHRoZSBmb2xsb3dpbmc6XG4gKiBgY29uc3QgZWxlbWVudCA9IHVzZUVsZW1lbnRPYnNlcnZlcihTZWxlY3RvckZhY3RvcnkuaWQoXCJhd2Vzb21lLWNvbnRlbnRcIikpYFxuICpcbiAqIFdpdGggdGhlIGBFbGVtZW50T2JzZXJ2ZXJgIGluc3RhbmNlIGluIGhhbmQsIHdlIGNhbiBpbnRlcmFjdCB3aXRoIHRoZSBIVE1MIGVsZW1lbnQgd2l0aG91dCBoYXZpbmdcbiAqIHRvIG1hbmFnZSBpdHMgcHJlc2VuY2UgaW4gdGhlIERPTS4gVGhlIGBvbkFkZGAgYW5kIGBvblJlbW92ZWAgZnVuY3Rpb25zIGNhbiBiZSB1c2VkIHRvIGRldGVybWluZVxuICogd2hldGhlciB0aGUgZWxlbWVudCBpcyBwcmVzZW50IGluIHRoZSBET00gb3Igbm90LCBhbmQgdG8gZW5zdXJlIGludGVyYWN0aW9uIG9jY3VycyBvbmx5IHdoZW4gbmVjZXNzYXJ5LlxuICpcbiAqIEBwYXJhbSBzZWxlY3RvclxuICogQHJldHVybnNcbiAqL1xuZXhwb3J0IGNvbnN0IHVzZUVsZW1lbnRPYnNlcnZlciA9IChzZWxlY3RvcjogTm9kZVNlbGVjdG9yKTogRWxlbWVudE9ic2VydmVyVXRpbGl0eSA9PiB7XG4gIGNvbnN0IElOSVRJQUxfUkVOREVSX1NUQVRFID0gdHJ1ZTtcbiAgY29uc3QgZW9SZWYgPSB1c2VSZWY8RWxlbWVudE9ic2VydmVyPihET01PYnNlcnZlci5hZGQoc2VsZWN0b3IpKTtcbiAgY29uc3QgW3JlbmRlckJsb2NrZWQsIHNldFJlbmRlckJsb2NrZWRdID0gdXNlU3RhdGUoSU5JVElBTF9SRU5ERVJfU1RBVEUpO1xuXG4gIC8qKlxuICAgKiBGaXJlZCBldmVyeSB0aW1lIHRoZSBIVE1MIGVsZW1lbnQgY2hhbmdlcy5cbiAgICpcbiAgICogQHBhcmFtIGZuXG4gICAqL1xuICBjb25zdCBvbkNoYW5nZSA9IChmbjogKGVsOiBIVE1MRWxlbWVudCB8IG51bGwpID0+IHZvaWQpID0+IHtcbiAgICBlb1JlZi5jdXJyZW50Py5yZWdpc3Rlck9uQ2hhbmdlKGZuKTtcbiAgfTtcblxuICAvKipcbiAgICogRmlyZWQgd2hlbiB0aGUgSFRNTCBlbGVtZW50IGlzIGFkZGVkIHRvIHRoZSBET00uXG4gICAqXG4gICAqIEBwYXJhbSBmblxuICAgKi9cbiAgY29uc3Qgb25BZGQgPSAoZm46IChlbDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB2b2lkKSA9PiB7XG4gICAgZW9SZWYuY3VycmVudD8ucmVnaXN0ZXJPbkFkZChmbik7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gdGhlIEhUTUwgZWxlbWVudCBpcyByZW1vdmVkIGZyb20gdGhlIERPTS5cbiAgICpcbiAgICogQHBhcmFtIGZuXG4gICAqL1xuICBjb25zdCBvblJlbW92ZSA9IChmbjogKGVsOiBIVE1MRWxlbWVudCB8IG51bGwpID0+IHZvaWQpID0+IHtcbiAgICBlb1JlZi5jdXJyZW50Py5yZWdpc3Rlck9uUmVtb3ZlKGZuKTtcbiAgfTtcblxuICAvKipcbiAgICogRmlyZWQgd2hlbiB0aGUgY2xhc3Mgb2YgdGhlIEhUTUwgZWxlbWVudCBjaGFuZ2VzLlxuICAgKlxuICAgKiBAcGFyYW0gZm5cbiAgICovXG4gIGNvbnN0IG9uQ2xhc3NDaGFuZ2UgPSAoZm46IChjbGFzc2VzPzogRE9NVG9rZW5MaXN0KSA9PiB2b2lkKSA9PiB7XG4gICAgZW9SZWYuY3VycmVudD8ucmVnaXN0ZXJPbmNsYXNzQ2hhbmdlKGZuKTtcbiAgfTtcblxuICAvKipcbiAgICogRmlyZWQgd2hlbiBhIGNsYXNzIGlzIGFkZGVkIHRvIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqXG4gICAqIEBwYXJhbSBjbGFzc05hbWVcbiAgICogQHBhcmFtIGZuXG4gICAqL1xuICBjb25zdCBvbkNsYXNzQWRkZWQgPSAoY2xhc3NOYW1lOiBzdHJpbmcsIGZuOiAoKSA9PiB2b2lkKSA9PiB7XG4gICAgZW9SZWYuY3VycmVudD8ucmVnaXN0ZXJPbkNsYXNzQWRkZWQoY2xhc3NOYW1lLCBmbik7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gYSBjbGFzcyBpcyByZW1vdmVkIGZyb20gdGhlIEhUTUwgZWxlbWVudC5cbiAgICpcbiAgICogQHBhcmFtIGNsYXNzTmFtZVxuICAgKiBAcGFyYW0gZm5cbiAgICovXG4gIGNvbnN0IG9uQ2xhc3NSZW1vdmVkID0gKGNsYXNzTmFtZTogc3RyaW5nLCBmbjogKCkgPT4gdm9pZCkgPT4ge1xuICAgIGVvUmVmLmN1cnJlbnQ/LnJlZ2lzdGVyT25DbGFzc1JlbW92ZWQoY2xhc3NOYW1lLCBmbik7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gYSBjaGlsZCBlbGVtZW50IGlzIGFkZGVkIHRvIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqXG4gICAqIEBwYXJhbSBmblxuICAgKi9cbiAgY29uc3Qgb25BZGRDaGlsZCA9IChmbjogKG5vZGVzPzogRE9NVG9rZW5MaXN0KSA9PiB2b2lkKSA9PiB7XG4gICAgZW9SZWYuY3VycmVudD8ucmVnaXN0ZXJPbkFkZENoaWxkKGZuKTtcbiAgfTtcblxuICAvKipcbiAgICogRmlyZWQgd2hlbiBhIGNoaWxkIGVsZW1lbnQgaXMgcmVtb3ZlZCBmcm9tIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqXG4gICAqIEBwYXJhbSBmblxuICAgKi9cbiAgY29uc3Qgb25SZW1vdmVDaGlsZCA9IChmbjogKG5vZGVzPzogRE9NVG9rZW5MaXN0KSA9PiB2b2lkKSA9PiB7XG4gICAgZW9SZWYuY3VycmVudD8ucmVnaXN0ZXJPblJlbW92ZUNoaWxkKGZuKTtcbiAgfTtcblxuICAvKipcbiAgICogQWxsb3dzIGhvb2tpbmcgZXZlbnQgbGlzdGVuZXJzIHRvIHRoZSBIVE1MIGVsZW1lbnQsIHN1Y2ggYXMgYGZvY3VzYCwgYGJsdXJgLCBldGMuXG4gICAqXG4gICAqIEBwYXJhbSBldmVudFxuICAgKiBAcGFyYW0gZm5cbiAgICovXG4gIGNvbnN0IG9uRXZlbnQgPSA8SyBleHRlbmRzIGtleW9mIEhUTUxFbGVtZW50RXZlbnRNYXA+KFxuICAgIGV2ZW50OiBLLFxuICAgIGZuOiBFdmVudExpc3RlbmVyT3JFdmVudExpc3RlbmVyT2JqZWN0LFxuICApID0+IHtcbiAgICBlb1JlZi5jdXJyZW50LnJlZ2lzdGVyRXZlbnQoZXZlbnQsIGZuKTtcbiAgfTtcblxuICAvKipcbiAgICogVXNlZnVsIHdoZW4gcmVuZGVyaW5nIGEgUmVhY3QuanMgY29tcG9uZW50IGluc2lkZSB0aGUgSFRNTCBlbGVtZW50LlxuICAgKlxuICAgKiBAcGFyYW0gZm5cbiAgICogQHJldHVybnNcbiAgICovXG4gIGNvbnN0IHJlbmRlciA9IChmbjogKCkgPT4gUmVhY3RFbGVtZW50KSA9PiB7XG4gICAgaWYgKCFyZW5kZXJCbG9ja2VkKSB7XG4gICAgICByZXR1cm4gZW9SZWYuY3VycmVudC5yZW5kZXIoZm4pO1xuICAgIH1cbiAgfTtcblxuICAvKipcbiAgICogQ2hlY2tzIGlmIHRoZSBlbGVtZW50IGV4aXN0cyBpbiB0aGUgRE9NLlxuICAgKlxuICAgKiBAcmV0dXJuc1xuICAgKi9cbiAgY29uc3QgZXhpc3RzID0gKCkgPT4gISFlb1JlZi5jdXJyZW50LmdldE5vZGUoKTtcblxuICAvKipcbiAgICogQ2hlY2tzIGlmIHJlbmRlcmluZyBpcyB1bmJsb2NrZWQuXG4gICAqXG4gICAqIEByZXR1cm5zXG4gICAqL1xuICBjb25zdCBpc1JlbmRlcmVkID0gKCkgPT4gIXJlbmRlckJsb2NrZWQ7XG5cbiAgLyoqXG4gICAqIFRyaWdnZXJzIGFuIGV2ZW50IGZvciB0aGUgSFRNTCBlbGVtZW50LlxuICAgKlxuICAgKiBAcGFyYW0gZXZlbnRcbiAgICovXG4gIGNvbnN0IGZpcmUgPSAoZXZlbnQ6IE1vdXNlRXZlbnRUeXBlcykgPT4ge1xuICAgIGVvUmVmLmN1cnJlbnQuZmlyZShldmVudCk7XG4gIH07XG5cbiAgLyoqXG4gICAqIFNob3dzIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqXG4gICAqIEByZXR1cm5zXG4gICAqL1xuICBjb25zdCBzaG93ID0gKCkgPT4gZW9SZWYuY3VycmVudC5zaG93KCk7XG5cbiAgLyoqXG4gICAqIEhpZGVzIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqXG4gICAqIEByZXR1cm5zXG4gICAqL1xuICBjb25zdCBoaWRlID0gKCkgPT4gZW9SZWYuY3VycmVudC5oaWRlKCk7XG5cbiAgLyoqXG4gICAqIEJsb2NrcyB0aGUgcmVuZGVyaW5nIG9mIGVsZW1lbnRzLlxuICAgKlxuICAgKiBAcmV0dXJuc1xuICAgKi9cbiAgY29uc3QgYmxvY2tSZW5kZXJpbmcgPSAoKSA9PiBzZXRSZW5kZXJCbG9ja2VkKHRydWUpO1xuXG4gIC8qKlxuICAgKiBVbmJsb2NrcyB0aGUgcmVuZGVyaW5nIG9mIGVsZW1lbnRzLlxuICAgKlxuICAgKiBAcmV0dXJuc1xuICAgKi9cbiAgY29uc3QgdW5ibG9ja1JlbmRlcmluZyA9ICgpID0+IHNldFJlbmRlckJsb2NrZWQoZmFsc2UpO1xuXG4gIC8qKlxuICAgKiBBcHBsaWVzIENTUyBzdHlsZXMgdG8gdGhlIEhUTUwgZWxlbWVudC5cbiAgICpcbiAgICogQHBhcmFtIHN0eWxlc1xuICAgKi9cbiAgY29uc3QgYXBwbHlTdHlsZSA9IChzdHlsZXM6IFJlYWN0LkNTU1Byb3BlcnRpZXMpID0+IHtcbiAgICBjb25zdCBub2RlID0gZW9SZWY/LmN1cnJlbnQ/LmdldE5vZGUoKTtcbiAgICBub2RlICYmIE9iamVjdC5hc3NpZ24obm9kZS5zdHlsZSwgc3R5bGVzKTtcbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGVvUmVmLmN1cnJlbnQuaW5pdCgpO1xuICAgIGVvUmVmLmN1cnJlbnQucmVnaXN0ZXJPblJlc2V0KCgpID0+IHNldFJlbmRlckJsb2NrZWQoSU5JVElBTF9SRU5ERVJfU1RBVEUpKTtcbiAgICBET01PYnNlcnZlci5vYnNlcnZlKCk7XG4gICAgcmV0dXJuICgpID0+IERPTU9ic2VydmVyLnJlbW92ZShzZWxlY3Rvcik7XG4gIH0sIFtzZWxlY3Rvci5nZXRQYXR0ZXJuKCldKTtcblxuICByZXR1cm4ge1xuICAgIHRhcmdldE5vZGU6IGVvUmVmLmN1cnJlbnQuZ2V0Tm9kZSgpLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQWRkLFxuICAgIG9uUmVtb3ZlLFxuICAgIG9uQ2xhc3NDaGFuZ2UsXG4gICAgb25DbGFzc0FkZGVkLFxuICAgIG9uQ2xhc3NSZW1vdmVkLFxuICAgIG9uQWRkQ2hpbGQsXG4gICAgb25SZW1vdmVDaGlsZCxcbiAgICBvbkV2ZW50LFxuICAgIGJsb2NrUmVuZGVyaW5nLFxuICAgIHVuYmxvY2tSZW5kZXJpbmcsXG4gICAgZXhpc3RzLFxuICAgIGlzUmVuZGVyZWQsXG4gICAgcmVuZGVyLFxuICAgIGZpcmUsXG4gICAgc2hvdyxcbiAgICBoaWRlLFxuICAgIGFwcGx5U3R5bGUsXG4gIH0gc2F0aXNmaWVzIEVsZW1lbnRPYnNlcnZlclV0aWxpdHk7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFtREEsTUFBYSxzQkFBc0IsYUFBbUQ7Q0FDcEYsTUFBTSx1QkFBdUI7Q0FDN0IsTUFBTSwwQkFBZ0NBLGdDQUFZLElBQUksU0FBUyxDQUFDO0NBQ2hFLE1BQU0sQ0FBQyxlQUFlLHdDQUE2QixxQkFBcUI7Ozs7OztDQU94RSxNQUFNLFlBQVksT0FBeUM7QUFDekQsUUFBTSxTQUFTLGlCQUFpQixHQUFHOzs7Ozs7O0NBUXJDLE1BQU0sU0FBUyxPQUF5QztBQUN0RCxRQUFNLFNBQVMsY0FBYyxHQUFHOzs7Ozs7O0NBUWxDLE1BQU0sWUFBWSxPQUF5QztBQUN6RCxRQUFNLFNBQVMsaUJBQWlCLEdBQUc7Ozs7Ozs7Q0FRckMsTUFBTSxpQkFBaUIsT0FBeUM7QUFDOUQsUUFBTSxTQUFTLHNCQUFzQixHQUFHOzs7Ozs7OztDQVMxQyxNQUFNLGdCQUFnQixXQUFtQixPQUFtQjtBQUMxRCxRQUFNLFNBQVMscUJBQXFCLFdBQVcsR0FBRzs7Ozs7Ozs7Q0FTcEQsTUFBTSxrQkFBa0IsV0FBbUIsT0FBbUI7QUFDNUQsUUFBTSxTQUFTLHVCQUF1QixXQUFXLEdBQUc7Ozs7Ozs7Q0FRdEQsTUFBTSxjQUFjLE9BQXVDO0FBQ3pELFFBQU0sU0FBUyxtQkFBbUIsR0FBRzs7Ozs7OztDQVF2QyxNQUFNLGlCQUFpQixPQUF1QztBQUM1RCxRQUFNLFNBQVMsc0JBQXNCLEdBQUc7Ozs7Ozs7O0NBUzFDLE1BQU0sV0FDSixPQUNBLE9BQ0c7QUFDSCxRQUFNLFFBQVEsY0FBYyxPQUFPLEdBQUc7Ozs7Ozs7O0NBU3hDLE1BQU0sVUFBVSxPQUEyQjtBQUN6QyxNQUFJLENBQUMsY0FDSCxRQUFPLE1BQU0sUUFBUSxPQUFPLEdBQUc7Ozs7Ozs7Q0FTbkMsTUFBTSxlQUFlLENBQUMsQ0FBQyxNQUFNLFFBQVEsU0FBUzs7Ozs7O0NBTzlDLE1BQU0sbUJBQW1CLENBQUM7Ozs7OztDQU8xQixNQUFNLFFBQVEsVUFBMkI7QUFDdkMsUUFBTSxRQUFRLEtBQUssTUFBTTs7Ozs7OztDQVEzQixNQUFNLGFBQWEsTUFBTSxRQUFRLE1BQU07Ozs7OztDQU92QyxNQUFNLGFBQWEsTUFBTSxRQUFRLE1BQU07Ozs7OztDQU92QyxNQUFNLHVCQUF1QixpQkFBaUIsS0FBSzs7Ozs7O0NBT25ELE1BQU0seUJBQXlCLGlCQUFpQixNQUFNOzs7Ozs7Q0FPdEQsTUFBTSxjQUFjLFdBQWdDO0VBQ2xELE1BQU0sT0FBTyxPQUFPLFNBQVMsU0FBUztBQUN0QyxVQUFRLE9BQU8sT0FBTyxLQUFLLE9BQU8sT0FBTzs7QUFHM0MsNEJBQWdCO0FBQ2QsUUFBTSxRQUFRLE1BQU07QUFDcEIsUUFBTSxRQUFRLHNCQUFzQixpQkFBaUIscUJBQXFCLENBQUM7QUFDM0Usa0NBQVksU0FBUztBQUNyQixlQUFhQSxnQ0FBWSxPQUFPLFNBQVM7SUFDeEMsQ0FBQyxTQUFTLFlBQVksQ0FBQyxDQUFDO0FBRTNCLFFBQU87RUFDTCxZQUFZLE1BQU0sUUFBUSxTQUFTO0VBQ25DO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNEIn0=

package/dist/hooks/ElementObserver/index.d.cts

@@ -0,0 +1,29 @@
+import { MouseEventTypes, NodeSelector } from "../../nodeSelector-B3bPtEjX.cjs";
+import { ReactElement } from "react";
+
+//#region src/hooks/ElementObserver/useElementObserver.d.ts
+interface ElementObserverUtility {
+  onChange: (fn: (el: HTMLElement | null) => void) => void;
+  onAdd: (fn: (el: HTMLElement | null) => void) => void;
+  onRemove: (fn: (el: HTMLElement | null) => void) => void;
+  onClassChange: (fn: (classes?: DOMTokenList) => void) => void;
+  onClassAdded: (className: string, fn: () => void) => void;
+  onClassRemoved: (className: string, fn: () => void) => void;
+  onAddChild: (fn: (nodes?: DOMTokenList) => void) => void;
+  onRemoveChild: (fn: (nodes?: DOMTokenList) => void) => void;
+  onEvent: <K extends keyof HTMLElementEventMap>(event: K, fn: EventListenerOrEventListenerObject) => void;
+  blockRendering: () => void;
+  unblockRendering: () => void;
+  exists: () => boolean;
+  isRendered: () => boolean;
+  render: (fn: () => ReactElement) => ReactElement | undefined;
+  fire: (event: MouseEventTypes) => void;
+  show: () => void;
+  hide: () => void;
+  applyStyle: (styles: React.CSSProperties) => void;
+  targetNode: HTMLElement | null;
+}
+declare const useElementObserver: (selector: NodeSelector) => ElementObserverUtility;
+//#endregion
+export { ElementObserverUtility, useElementObserver };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguZC5jdHMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL0VsZW1lbnRPYnNlcnZlci91c2VFbGVtZW50T2JzZXJ2ZXIuZC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBNb3VzZUV2ZW50VHlwZXMgfSBmcm9tICdzcmMvYXBwbGljYXRpb24vdXRpbHMvbW91c2VFdmVudFR5cGVzJztcbmltcG9ydCB7IE5vZGVTZWxlY3RvciB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi91dGlscy9ub2RlU2VsZWN0b3InO1xuZXhwb3J0IGludGVyZmFjZSBFbGVtZW50T2JzZXJ2ZXJVdGlsaXR5IHtcbiAgICBvbkNoYW5nZTogKGZuOiAoZWw6IEhUTUxFbGVtZW50IHwgbnVsbCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgICBvbkFkZDogKGZuOiAoZWw6IEhUTUxFbGVtZW50IHwgbnVsbCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgICBvblJlbW92ZTogKGZuOiAoZWw6IEhUTUxFbGVtZW50IHwgbnVsbCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgICBvbkNsYXNzQ2hhbmdlOiAoZm46IChjbGFzc2VzPzogRE9NVG9rZW5MaXN0KSA9PiB2b2lkKSA9PiB2b2lkO1xuICAgIG9uQ2xhc3NBZGRlZDogKGNsYXNzTmFtZTogc3RyaW5nLCBmbjogKCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgICBvbkNsYXNzUmVtb3ZlZDogKGNsYXNzTmFtZTogc3RyaW5nLCBmbjogKCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgICBvbkFkZENoaWxkOiAoZm46IChub2Rlcz86IERPTVRva2VuTGlzdCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgICBvblJlbW92ZUNoaWxkOiAoZm46IChub2Rlcz86IERPTVRva2VuTGlzdCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgICBvbkV2ZW50OiA8SyBleHRlbmRzIGtleW9mIEhUTUxFbGVtZW50RXZlbnRNYXA+KGV2ZW50OiBLLCBmbjogRXZlbnRMaXN0ZW5lck9yRXZlbnRMaXN0ZW5lck9iamVjdCkgPT4gdm9pZDtcbiAgICBibG9ja1JlbmRlcmluZzogKCkgPT4gdm9pZDtcbiAgICB1bmJsb2NrUmVuZGVyaW5nOiAoKSA9PiB2b2lkO1xuICAgIGV4aXN0czogKCkgPT4gYm9vbGVhbjtcbiAgICBpc1JlbmRlcmVkOiAoKSA9PiBib29sZWFuO1xuICAgIHJlbmRlcjogKGZuOiAoKSA9PiBSZWFjdEVsZW1lbnQpID0+IFJlYWN0RWxlbWVudCB8IHVuZGVmaW5lZDtcbiAgICBmaXJlOiAoZXZlbnQ6IE1vdXNlRXZlbnRUeXBlcykgPT4gdm9pZDtcbiAgICBzaG93OiAoKSA9PiB2b2lkO1xuICAgIGhpZGU6ICgpID0+IHZvaWQ7XG4gICAgYXBwbHlTdHlsZTogKHN0eWxlczogUmVhY3QuQ1NTUHJvcGVydGllcykgPT4gdm9pZDtcbiAgICB0YXJnZXROb2RlOiBIVE1MRWxlbWVudCB8IG51bGw7XG59XG5leHBvcnQgZGVjbGFyZSBjb25zdCB1c2VFbGVtZW50T2JzZXJ2ZXI6IChzZWxlY3RvcjogTm9kZVNlbGVjdG9yKSA9PiBFbGVtZW50T2JzZXJ2ZXJVdGlsaXR5O1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBR0EsSUFBVyx5QkFBeUI7Q0FBQztPQUFHO09BQUE7T0FBQTtPQUFBO09BQUE7T0FBQTtPQUFBO09BQUE7T0FBQTtPQUFBO09BQUE7T0FBQTtPQUFBLE1BQUE7T0FBQTtDQUFBO0FBQ3hDLElBQVcscUJBQXFCO0NBQUM7T0FBVztPQUFnQjtDQUFBIn0=

package/dist/hooks/ElementObserver/index.d.ts

@@ -0,0 +1,29 @@
+import { MouseEventTypes, NodeSelector } from "../../nodeSelector-D5gjDWZ3.js";
+import { ReactElement } from "react";
+
+//#region src/hooks/ElementObserver/useElementObserver.d.ts
+interface ElementObserverUtility {
+  onChange: (fn: (el: HTMLElement | null) => void) => void;
+  onAdd: (fn: (el: HTMLElement | null) => void) => void;
+  onRemove: (fn: (el: HTMLElement | null) => void) => void;
+  onClassChange: (fn: (classes?: DOMTokenList) => void) => void;
+  onClassAdded: (className: string, fn: () => void) => void;
+  onClassRemoved: (className: string, fn: () => void) => void;
+  onAddChild: (fn: (nodes?: DOMTokenList) => void) => void;
+  onRemoveChild: (fn: (nodes?: DOMTokenList) => void) => void;
+  onEvent: <K extends keyof HTMLElementEventMap>(event: K, fn: EventListenerOrEventListenerObject) => void;
+  blockRendering: () => void;
+  unblockRendering: () => void;
+  exists: () => boolean;
+  isRendered: () => boolean;
+  render: (fn: () => ReactElement) => ReactElement | undefined;
+  fire: (event: MouseEventTypes) => void;
+  show: () => void;
+  hide: () => void;
+  applyStyle: (styles: React.CSSProperties) => void;
+  targetNode: HTMLElement | null;
+}
+declare const useElementObserver: (selector: NodeSelector) => ElementObserverUtility;
+//#endregion
+export { ElementObserverUtility, useElementObserver };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguZC50cyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG9va3MvRWxlbWVudE9ic2VydmVyL3VzZUVsZW1lbnRPYnNlcnZlci5kLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1vdXNlRXZlbnRUeXBlcyB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi91dGlscy9tb3VzZUV2ZW50VHlwZXMnO1xuaW1wb3J0IHsgTm9kZVNlbGVjdG9yIH0gZnJvbSAnc3JjL2FwcGxpY2F0aW9uL3V0aWxzL25vZGVTZWxlY3Rvcic7XG5leHBvcnQgaW50ZXJmYWNlIEVsZW1lbnRPYnNlcnZlclV0aWxpdHkge1xuICAgIG9uQ2hhbmdlOiAoZm46IChlbDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB2b2lkKSA9PiB2b2lkO1xuICAgIG9uQWRkOiAoZm46IChlbDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB2b2lkKSA9PiB2b2lkO1xuICAgIG9uUmVtb3ZlOiAoZm46IChlbDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB2b2lkKSA9PiB2b2lkO1xuICAgIG9uQ2xhc3NDaGFuZ2U6IChmbjogKGNsYXNzZXM/OiBET01Ub2tlbkxpc3QpID0+IHZvaWQpID0+IHZvaWQ7XG4gICAgb25DbGFzc0FkZGVkOiAoY2xhc3NOYW1lOiBzdHJpbmcsIGZuOiAoKSA9PiB2b2lkKSA9PiB2b2lkO1xuICAgIG9uQ2xhc3NSZW1vdmVkOiAoY2xhc3NOYW1lOiBzdHJpbmcsIGZuOiAoKSA9PiB2b2lkKSA9PiB2b2lkO1xuICAgIG9uQWRkQ2hpbGQ6IChmbjogKG5vZGVzPzogRE9NVG9rZW5MaXN0KSA9PiB2b2lkKSA9PiB2b2lkO1xuICAgIG9uUmVtb3ZlQ2hpbGQ6IChmbjogKG5vZGVzPzogRE9NVG9rZW5MaXN0KSA9PiB2b2lkKSA9PiB2b2lkO1xuICAgIG9uRXZlbnQ6IDxLIGV4dGVuZHMga2V5b2YgSFRNTEVsZW1lbnRFdmVudE1hcD4oZXZlbnQ6IEssIGZuOiBFdmVudExpc3RlbmVyT3JFdmVudExpc3RlbmVyT2JqZWN0KSA9PiB2b2lkO1xuICAgIGJsb2NrUmVuZGVyaW5nOiAoKSA9PiB2b2lkO1xuICAgIHVuYmxvY2tSZW5kZXJpbmc6ICgpID0+IHZvaWQ7XG4gICAgZXhpc3RzOiAoKSA9PiBib29sZWFuO1xuICAgIGlzUmVuZGVyZWQ6ICgpID0+IGJvb2xlYW47XG4gICAgcmVuZGVyOiAoZm46ICgpID0+IFJlYWN0RWxlbWVudCkgPT4gUmVhY3RFbGVtZW50IHwgdW5kZWZpbmVkO1xuICAgIGZpcmU6IChldmVudDogTW91c2VFdmVudFR5cGVzKSA9PiB2b2lkO1xuICAgIHNob3c6ICgpID0+IHZvaWQ7XG4gICAgaGlkZTogKCkgPT4gdm9pZDtcbiAgICBhcHBseVN0eWxlOiAoc3R5bGVzOiBSZWFjdC5DU1NQcm9wZXJ0aWVzKSA9PiB2b2lkO1xuICAgIHRhcmdldE5vZGU6IEhUTUxFbGVtZW50IHwgbnVsbDtcbn1cbmV4cG9ydCBkZWNsYXJlIGNvbnN0IHVzZUVsZW1lbnRPYnNlcnZlcjogKHNlbGVjdG9yOiBOb2RlU2VsZWN0b3IpID0+IEVsZW1lbnRPYnNlcnZlclV0aWxpdHk7XG4iXSwibWFwcGluZ3MiOiI7Ozs7QUFHQSxJQUFXLHlCQUF5QjtDQUFDO09BQUc7T0FBQTtPQUFBO09BQUE7T0FBQTtPQUFBO09BQUE7T0FBQTtPQUFBO09BQUE7T0FBQTtPQUFBO09BQUEsTUFBQTtPQUFBO0NBQUE7QUFDeEMsSUFBVyxxQkFBcUI7Q0FBQztPQUFXO09BQWdCO0NBQUEifQ==

package/dist/hooks/ElementObserver/index.js

@@ -0,0 +1,177 @@
+import { DOMObserver } from "../../domObserver-B19-69gW.js";
+import { useEffect, useRef, useState } from "react";
+
+//#region src/hooks/ElementObserver/useElementObserver.ts
+const useElementObserver = (selector) => {
+	const INITIAL_RENDER_STATE = true;
+	const eoRef = useRef(DOMObserver.add(selector));
+	const [renderBlocked, setRenderBlocked] = useState(INITIAL_RENDER_STATE);
+	/**
+	* Fired every time the HTML element changes.
+	*
+	* @param fn
+	*/
+	const onChange = (fn) => {
+		eoRef.current?.registerOnChange(fn);
+	};
+	/**
+	* Fired when the HTML element is added to the DOM.
+	*
+	* @param fn
+	*/
+	const onAdd = (fn) => {
+		eoRef.current?.registerOnAdd(fn);
+	};
+	/**
+	* Fired when the HTML element is removed from the DOM.
+	*
+	* @param fn
+	*/
+	const onRemove = (fn) => {
+		eoRef.current?.registerOnRemove(fn);
+	};
+	/**
+	* Fired when the class of the HTML element changes.
+	*
+	* @param fn
+	*/
+	const onClassChange = (fn) => {
+		eoRef.current?.registerOnclassChange(fn);
+	};
+	/**
+	* Fired when a class is added to the HTML element.
+	*
+	* @param className
+	* @param fn
+	*/
+	const onClassAdded = (className, fn) => {
+		eoRef.current?.registerOnClassAdded(className, fn);
+	};
+	/**
+	* Fired when a class is removed from the HTML element.
+	*
+	* @param className
+	* @param fn
+	*/
+	const onClassRemoved = (className, fn) => {
+		eoRef.current?.registerOnClassRemoved(className, fn);
+	};
+	/**
+	* Fired when a child element is added to the HTML element.
+	*
+	* @param fn
+	*/
+	const onAddChild = (fn) => {
+		eoRef.current?.registerOnAddChild(fn);
+	};
+	/**
+	* Fired when a child element is removed from the HTML element.
+	*
+	* @param fn
+	*/
+	const onRemoveChild = (fn) => {
+		eoRef.current?.registerOnRemoveChild(fn);
+	};
+	/**
+	* Allows hooking event listeners to the HTML element, such as `focus`, `blur`, etc.
+	*
+	* @param event
+	* @param fn
+	*/
+	const onEvent = (event, fn) => {
+		eoRef.current.registerEvent(event, fn);
+	};
+	/**
+	* Useful when rendering a React.js component inside the HTML element.
+	*
+	* @param fn
+	* @returns
+	*/
+	const render = (fn) => {
+		if (!renderBlocked) return eoRef.current.render(fn);
+	};
+	/**
+	* Checks if the element exists in the DOM.
+	*
+	* @returns
+	*/
+	const exists = () => !!eoRef.current.getNode();
+	/**
+	* Checks if rendering is unblocked.
+	*
+	* @returns
+	*/
+	const isRendered = () => !renderBlocked;
+	/**
+	* Triggers an event for the HTML element.
+	*
+	* @param event
+	*/
+	const fire = (event) => {
+		eoRef.current.fire(event);
+	};
+	/**
+	* Shows the HTML element.
+	*
+	* @returns
+	*/
+	const show = () => eoRef.current.show();
+	/**
+	* Hides the HTML element.
+	*
+	* @returns
+	*/
+	const hide = () => eoRef.current.hide();
+	/**
+	* Blocks the rendering of elements.
+	*
+	* @returns
+	*/
+	const blockRendering = () => setRenderBlocked(true);
+	/**
+	* Unblocks the rendering of elements.
+	*
+	* @returns
+	*/
+	const unblockRendering = () => setRenderBlocked(false);
+	/**
+	* Applies CSS styles to the HTML element.
+	*
+	* @param styles
+	*/
+	const applyStyle = (styles) => {
+		const node = eoRef?.current?.getNode();
+		node && Object.assign(node.style, styles);
+	};
+	useEffect(() => {
+		eoRef.current.init();
+		eoRef.current.registerOnReset(() => setRenderBlocked(INITIAL_RENDER_STATE));
+		DOMObserver.observe();
+		return () => DOMObserver.remove(selector);
+	}, [selector.getPattern()]);
+	return {
+		targetNode: eoRef.current.getNode(),
+		onChange,
+		onAdd,
+		onRemove,
+		onClassChange,
+		onClassAdded,
+		onClassRemoved,
+		onAddChild,
+		onRemoveChild,
+		onEvent,
+		blockRendering,
+		unblockRendering,
+		exists,
+		isRendered,
+		render,
+		fire,
+		show,
+		hide,
+		applyStyle
+	};
+};
+
+//#endregion
+export { useElementObserver };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL0VsZW1lbnRPYnNlcnZlci91c2VFbGVtZW50T2JzZXJ2ZXIudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3RFbGVtZW50LCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBET01PYnNlcnZlciB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi91dGlscy9kb21PYnNlcnZlcic7XG5pbXBvcnQgeyBFbGVtZW50T2JzZXJ2ZXIgfSBmcm9tICdzcmMvYXBwbGljYXRpb24vdXRpbHMvZWxlbWVudE9ic2VydmVyJztcbmltcG9ydCB7IE1vdXNlRXZlbnRUeXBlcyB9IGZyb20gJ3NyYy9hcHBsaWNhdGlvbi91dGlscy9tb3VzZUV2ZW50VHlwZXMnO1xuaW1wb3J0IHsgTm9kZVNlbGVjdG9yIH0gZnJvbSAnc3JjL2FwcGxpY2F0aW9uL3V0aWxzL25vZGVTZWxlY3Rvcic7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRWxlbWVudE9ic2VydmVyVXRpbGl0eSB7XG4gIG9uQ2hhbmdlOiAoZm46IChlbDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB2b2lkKSA9PiB2b2lkO1xuICBvbkFkZDogKGZuOiAoZWw6IEhUTUxFbGVtZW50IHwgbnVsbCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgb25SZW1vdmU6IChmbjogKGVsOiBIVE1MRWxlbWVudCB8IG51bGwpID0+IHZvaWQpID0+IHZvaWQ7XG4gIG9uQ2xhc3NDaGFuZ2U6IChmbjogKGNsYXNzZXM/OiBET01Ub2tlbkxpc3QpID0+IHZvaWQpID0+IHZvaWQ7XG4gIG9uQ2xhc3NBZGRlZDogKGNsYXNzTmFtZTogc3RyaW5nLCBmbjogKCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgb25DbGFzc1JlbW92ZWQ6IChjbGFzc05hbWU6IHN0cmluZywgZm46ICgpID0+IHZvaWQpID0+IHZvaWQ7XG4gIG9uQWRkQ2hpbGQ6IChmbjogKG5vZGVzPzogRE9NVG9rZW5MaXN0KSA9PiB2b2lkKSA9PiB2b2lkO1xuICBvblJlbW92ZUNoaWxkOiAoZm46IChub2Rlcz86IERPTVRva2VuTGlzdCkgPT4gdm9pZCkgPT4gdm9pZDtcbiAgb25FdmVudDogPEsgZXh0ZW5kcyBrZXlvZiBIVE1MRWxlbWVudEV2ZW50TWFwPihcbiAgICBldmVudDogSyxcbiAgICBmbjogRXZlbnRMaXN0ZW5lck9yRXZlbnRMaXN0ZW5lck9iamVjdCxcbiAgKSA9PiB2b2lkO1xuICBibG9ja1JlbmRlcmluZzogKCkgPT4gdm9pZDtcbiAgdW5ibG9ja1JlbmRlcmluZzogKCkgPT4gdm9pZDtcbiAgZXhpc3RzOiAoKSA9PiBib29sZWFuO1xuICBpc1JlbmRlcmVkOiAoKSA9PiBib29sZWFuO1xuICByZW5kZXI6IChmbjogKCkgPT4gUmVhY3RFbGVtZW50KSA9PiBSZWFjdEVsZW1lbnQgfCB1bmRlZmluZWQ7XG4gIGZpcmU6IChldmVudDogTW91c2VFdmVudFR5cGVzKSA9PiB2b2lkO1xuICBzaG93OiAoKSA9PiB2b2lkO1xuICBoaWRlOiAoKSA9PiB2b2lkO1xuICBhcHBseVN0eWxlOiAoc3R5bGVzOiBSZWFjdC5DU1NQcm9wZXJ0aWVzKSA9PiB2b2lkO1xuICB0YXJnZXROb2RlOiBIVE1MRWxlbWVudCB8IG51bGw7XG59XG5cbi8qXG4gKiBUaGlzIGhvb2sgZW5hYmxlcyB0aGUgY29ubmVjdGlvbiBiZXR3ZWVuIGEgYE11dGF0aW9uT2JzZXJ2ZXJgIGFuZCBhIFJlYWN0LmpzIGNvbXBvbmVudC5cbiAqIEl0IGFic3RyYWN0cyBhbGwgdGhlIG5lY2Vzc2FyeSB2YWxpZGF0aW9ucyBhbmQgaW1wbGVtZW50YXRpb25zIHRvIG1vZGlmeSBIVE1MIGVsZW1lbnRzLFxuICogbW9uaXRvciB0aGVpciBjaGFuZ2VzLCBhbmQgaW50ZXJhY3Qgd2l0aCB0aGVtLiBUaGUgb25seSByZXF1aXJlZCBpbnB1dCBpcyB0aGUgZWxlbWVudCdzIHNlbGVjdG9yLlxuICpcbiAqIEhvdyB0byB1c2UgaXQ6XG4gKlxuICogTGV0J3MgYXNzdW1lIHdlIHdhbnQgdG8gaW50ZXJhY3Qgd2l0aCB0aGUgZm9sbG93aW5nIGVsZW1lbnQ6XG4gKiBgPGRpdiBpZD1cImF3ZXNvbWUtY29udGVudFwiPjxjb250ZW50IC8+PC9kaXY+YFxuICpcbiAqIFRvIGhvb2sgaW50byB0aGF0IGVsZW1lbnQsIHNpbXBseSBkbyB0aGUgZm9sbG93aW5nOlxuICogYGNvbnN0IGVsZW1lbnQgPSB1c2VFbGVtZW50T2JzZXJ2ZXIoU2VsZWN0b3JGYWN0b3J5LmlkKFwiYXdlc29tZS1jb250ZW50XCIpKWBcbiAqXG4gKiBXaXRoIHRoZSBgRWxlbWVudE9ic2VydmVyYCBpbnN0YW5jZSBpbiBoYW5kLCB3ZSBjYW4gaW50ZXJhY3Qgd2l0aCB0aGUgSFRNTCBlbGVtZW50IHdpdGhvdXQgaGF2aW5nXG4gKiB0byBtYW5hZ2UgaXRzIHByZXNlbmNlIGluIHRoZSBET00uIFRoZSBgb25BZGRgIGFuZCBgb25SZW1vdmVgIGZ1bmN0aW9ucyBjYW4gYmUgdXNlZCB0byBkZXRlcm1pbmVcbiAqIHdoZXRoZXIgdGhlIGVsZW1lbnQgaXMgcHJlc2VudCBpbiB0aGUgRE9NIG9yIG5vdCwgYW5kIHRvIGVuc3VyZSBpbnRlcmFjdGlvbiBvY2N1cnMgb25seSB3aGVuIG5lY2Vzc2FyeS5cbiAqXG4gKiBAcGFyYW0gc2VsZWN0b3JcbiAqIEByZXR1cm5zXG4gKi9cbmV4cG9ydCBjb25zdCB1c2VFbGVtZW50T2JzZXJ2ZXIgPSAoc2VsZWN0b3I6IE5vZGVTZWxlY3Rvcik6IEVsZW1lbnRPYnNlcnZlclV0aWxpdHkgPT4ge1xuICBjb25zdCBJTklUSUFMX1JFTkRFUl9TVEFURSA9IHRydWU7XG4gIGNvbnN0IGVvUmVmID0gdXNlUmVmPEVsZW1lbnRPYnNlcnZlcj4oRE9NT2JzZXJ2ZXIuYWRkKHNlbGVjdG9yKSk7XG4gIGNvbnN0IFtyZW5kZXJCbG9ja2VkLCBzZXRSZW5kZXJCbG9ja2VkXSA9IHVzZVN0YXRlKElOSVRJQUxfUkVOREVSX1NUQVRFKTtcblxuICAvKipcbiAgICogRmlyZWQgZXZlcnkgdGltZSB0aGUgSFRNTCBlbGVtZW50IGNoYW5nZXMuXG4gICAqXG4gICAqIEBwYXJhbSBmblxuICAgKi9cbiAgY29uc3Qgb25DaGFuZ2UgPSAoZm46IChlbDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB2b2lkKSA9PiB7XG4gICAgZW9SZWYuY3VycmVudD8ucmVnaXN0ZXJPbkNoYW5nZShmbik7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gdGhlIEhUTUwgZWxlbWVudCBpcyBhZGRlZCB0byB0aGUgRE9NLlxuICAgKlxuICAgKiBAcGFyYW0gZm5cbiAgICovXG4gIGNvbnN0IG9uQWRkID0gKGZuOiAoZWw6IEhUTUxFbGVtZW50IHwgbnVsbCkgPT4gdm9pZCkgPT4ge1xuICAgIGVvUmVmLmN1cnJlbnQ/LnJlZ2lzdGVyT25BZGQoZm4pO1xuICB9O1xuXG4gIC8qKlxuICAgKiBGaXJlZCB3aGVuIHRoZSBIVE1MIGVsZW1lbnQgaXMgcmVtb3ZlZCBmcm9tIHRoZSBET00uXG4gICAqXG4gICAqIEBwYXJhbSBmblxuICAgKi9cbiAgY29uc3Qgb25SZW1vdmUgPSAoZm46IChlbDogSFRNTEVsZW1lbnQgfCBudWxsKSA9PiB2b2lkKSA9PiB7XG4gICAgZW9SZWYuY3VycmVudD8ucmVnaXN0ZXJPblJlbW92ZShmbik7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gdGhlIGNsYXNzIG9mIHRoZSBIVE1MIGVsZW1lbnQgY2hhbmdlcy5cbiAgICpcbiAgICogQHBhcmFtIGZuXG4gICAqL1xuICBjb25zdCBvbkNsYXNzQ2hhbmdlID0gKGZuOiAoY2xhc3Nlcz86IERPTVRva2VuTGlzdCkgPT4gdm9pZCkgPT4ge1xuICAgIGVvUmVmLmN1cnJlbnQ/LnJlZ2lzdGVyT25jbGFzc0NoYW5nZShmbik7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gYSBjbGFzcyBpcyBhZGRlZCB0byB0aGUgSFRNTCBlbGVtZW50LlxuICAgKlxuICAgKiBAcGFyYW0gY2xhc3NOYW1lXG4gICAqIEBwYXJhbSBmblxuICAgKi9cbiAgY29uc3Qgb25DbGFzc0FkZGVkID0gKGNsYXNzTmFtZTogc3RyaW5nLCBmbjogKCkgPT4gdm9pZCkgPT4ge1xuICAgIGVvUmVmLmN1cnJlbnQ/LnJlZ2lzdGVyT25DbGFzc0FkZGVkKGNsYXNzTmFtZSwgZm4pO1xuICB9O1xuXG4gIC8qKlxuICAgKiBGaXJlZCB3aGVuIGEgY2xhc3MgaXMgcmVtb3ZlZCBmcm9tIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqXG4gICAqIEBwYXJhbSBjbGFzc05hbWVcbiAgICogQHBhcmFtIGZuXG4gICAqL1xuICBjb25zdCBvbkNsYXNzUmVtb3ZlZCA9IChjbGFzc05hbWU6IHN0cmluZywgZm46ICgpID0+IHZvaWQpID0+IHtcbiAgICBlb1JlZi5jdXJyZW50Py5yZWdpc3Rlck9uQ2xhc3NSZW1vdmVkKGNsYXNzTmFtZSwgZm4pO1xuICB9O1xuXG4gIC8qKlxuICAgKiBGaXJlZCB3aGVuIGEgY2hpbGQgZWxlbWVudCBpcyBhZGRlZCB0byB0aGUgSFRNTCBlbGVtZW50LlxuICAgKlxuICAgKiBAcGFyYW0gZm5cbiAgICovXG4gIGNvbnN0IG9uQWRkQ2hpbGQgPSAoZm46IChub2Rlcz86IERPTVRva2VuTGlzdCkgPT4gdm9pZCkgPT4ge1xuICAgIGVvUmVmLmN1cnJlbnQ/LnJlZ2lzdGVyT25BZGRDaGlsZChmbik7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZpcmVkIHdoZW4gYSBjaGlsZCBlbGVtZW50IGlzIHJlbW92ZWQgZnJvbSB0aGUgSFRNTCBlbGVtZW50LlxuICAgKlxuICAgKiBAcGFyYW0gZm5cbiAgICovXG4gIGNvbnN0IG9uUmVtb3ZlQ2hpbGQgPSAoZm46IChub2Rlcz86IERPTVRva2VuTGlzdCkgPT4gdm9pZCkgPT4ge1xuICAgIGVvUmVmLmN1cnJlbnQ/LnJlZ2lzdGVyT25SZW1vdmVDaGlsZChmbik7XG4gIH07XG5cbiAgLyoqXG4gICAqIEFsbG93cyBob29raW5nIGV2ZW50IGxpc3RlbmVycyB0byB0aGUgSFRNTCBlbGVtZW50LCBzdWNoIGFzIGBmb2N1c2AsIGBibHVyYCwgZXRjLlxuICAgKlxuICAgKiBAcGFyYW0gZXZlbnRcbiAgICogQHBhcmFtIGZuXG4gICAqL1xuICBjb25zdCBvbkV2ZW50ID0gPEsgZXh0ZW5kcyBrZXlvZiBIVE1MRWxlbWVudEV2ZW50TWFwPihcbiAgICBldmVudDogSyxcbiAgICBmbjogRXZlbnRMaXN0ZW5lck9yRXZlbnRMaXN0ZW5lck9iamVjdCxcbiAgKSA9PiB7XG4gICAgZW9SZWYuY3VycmVudC5yZWdpc3RlckV2ZW50KGV2ZW50LCBmbik7XG4gIH07XG5cbiAgLyoqXG4gICAqIFVzZWZ1bCB3aGVuIHJlbmRlcmluZyBhIFJlYWN0LmpzIGNvbXBvbmVudCBpbnNpZGUgdGhlIEhUTUwgZWxlbWVudC5cbiAgICpcbiAgICogQHBhcmFtIGZuXG4gICAqIEByZXR1cm5zXG4gICAqL1xuICBjb25zdCByZW5kZXIgPSAoZm46ICgpID0+IFJlYWN0RWxlbWVudCkgPT4ge1xuICAgIGlmICghcmVuZGVyQmxvY2tlZCkge1xuICAgICAgcmV0dXJuIGVvUmVmLmN1cnJlbnQucmVuZGVyKGZuKTtcbiAgICB9XG4gIH07XG5cbiAgLyoqXG4gICAqIENoZWNrcyBpZiB0aGUgZWxlbWVudCBleGlzdHMgaW4gdGhlIERPTS5cbiAgICpcbiAgICogQHJldHVybnNcbiAgICovXG4gIGNvbnN0IGV4aXN0cyA9ICgpID0+ICEhZW9SZWYuY3VycmVudC5nZXROb2RlKCk7XG5cbiAgLyoqXG4gICAqIENoZWNrcyBpZiByZW5kZXJpbmcgaXMgdW5ibG9ja2VkLlxuICAgKlxuICAgKiBAcmV0dXJuc1xuICAgKi9cbiAgY29uc3QgaXNSZW5kZXJlZCA9ICgpID0+ICFyZW5kZXJCbG9ja2VkO1xuXG4gIC8qKlxuICAgKiBUcmlnZ2VycyBhbiBldmVudCBmb3IgdGhlIEhUTUwgZWxlbWVudC5cbiAgICpcbiAgICogQHBhcmFtIGV2ZW50XG4gICAqL1xuICBjb25zdCBmaXJlID0gKGV2ZW50OiBNb3VzZUV2ZW50VHlwZXMpID0+IHtcbiAgICBlb1JlZi5jdXJyZW50LmZpcmUoZXZlbnQpO1xuICB9O1xuXG4gIC8qKlxuICAgKiBTaG93cyB0aGUgSFRNTCBlbGVtZW50LlxuICAgKlxuICAgKiBAcmV0dXJuc1xuICAgKi9cbiAgY29uc3Qgc2hvdyA9ICgpID0+IGVvUmVmLmN1cnJlbnQuc2hvdygpO1xuXG4gIC8qKlxuICAgKiBIaWRlcyB0aGUgSFRNTCBlbGVtZW50LlxuICAgKlxuICAgKiBAcmV0dXJuc1xuICAgKi9cbiAgY29uc3QgaGlkZSA9ICgpID0+IGVvUmVmLmN1cnJlbnQuaGlkZSgpO1xuXG4gIC8qKlxuICAgKiBCbG9ja3MgdGhlIHJlbmRlcmluZyBvZiBlbGVtZW50cy5cbiAgICpcbiAgICogQHJldHVybnNcbiAgICovXG4gIGNvbnN0IGJsb2NrUmVuZGVyaW5nID0gKCkgPT4gc2V0UmVuZGVyQmxvY2tlZCh0cnVlKTtcblxuICAvKipcbiAgICogVW5ibG9ja3MgdGhlIHJlbmRlcmluZyBvZiBlbGVtZW50cy5cbiAgICpcbiAgICogQHJldHVybnNcbiAgICovXG4gIGNvbnN0IHVuYmxvY2tSZW5kZXJpbmcgPSAoKSA9PiBzZXRSZW5kZXJCbG9ja2VkKGZhbHNlKTtcblxuICAvKipcbiAgICogQXBwbGllcyBDU1Mgc3R5bGVzIHRvIHRoZSBIVE1MIGVsZW1lbnQuXG4gICAqXG4gICAqIEBwYXJhbSBzdHlsZXNcbiAgICovXG4gIGNvbnN0IGFwcGx5U3R5bGUgPSAoc3R5bGVzOiBSZWFjdC5DU1NQcm9wZXJ0aWVzKSA9PiB7XG4gICAgY29uc3Qgbm9kZSA9IGVvUmVmPy5jdXJyZW50Py5nZXROb2RlKCk7XG4gICAgbm9kZSAmJiBPYmplY3QuYXNzaWduKG5vZGUuc3R5bGUsIHN0eWxlcyk7XG4gIH07XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBlb1JlZi5jdXJyZW50LmluaXQoKTtcbiAgICBlb1JlZi5jdXJyZW50LnJlZ2lzdGVyT25SZXNldCgoKSA9PiBzZXRSZW5kZXJCbG9ja2VkKElOSVRJQUxfUkVOREVSX1NUQVRFKSk7XG4gICAgRE9NT2JzZXJ2ZXIub2JzZXJ2ZSgpO1xuICAgIHJldHVybiAoKSA9PiBET01PYnNlcnZlci5yZW1vdmUoc2VsZWN0b3IpO1xuICB9LCBbc2VsZWN0b3IuZ2V0UGF0dGVybigpXSk7XG5cbiAgcmV0dXJuIHtcbiAgICB0YXJnZXROb2RlOiBlb1JlZi5jdXJyZW50LmdldE5vZGUoKSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbkFkZCxcbiAgICBvblJlbW92ZSxcbiAgICBvbkNsYXNzQ2hhbmdlLFxuICAgIG9uQ2xhc3NBZGRlZCxcbiAgICBvbkNsYXNzUmVtb3ZlZCxcbiAgICBvbkFkZENoaWxkLFxuICAgIG9uUmVtb3ZlQ2hpbGQsXG4gICAgb25FdmVudCxcbiAgICBibG9ja1JlbmRlcmluZyxcbiAgICB1bmJsb2NrUmVuZGVyaW5nLFxuICAgIGV4aXN0cyxcbiAgICBpc1JlbmRlcmVkLFxuICAgIHJlbmRlcixcbiAgICBmaXJlLFxuICAgIHNob3csXG4gICAgaGlkZSxcbiAgICBhcHBseVN0eWxlLFxuICB9IHNhdGlzZmllcyBFbGVtZW50T2JzZXJ2ZXJVdGlsaXR5O1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7OztBQW1EQSxNQUFhLHNCQUFzQixhQUFtRDtDQUNwRixNQUFNLHVCQUF1QjtDQUM3QixNQUFNLFFBQVEsT0FBd0IsWUFBWSxJQUFJLFNBQVMsQ0FBQztDQUNoRSxNQUFNLENBQUMsZUFBZSxvQkFBb0IsU0FBUyxxQkFBcUI7Ozs7OztDQU94RSxNQUFNLFlBQVksT0FBeUM7QUFDekQsUUFBTSxTQUFTLGlCQUFpQixHQUFHOzs7Ozs7O0NBUXJDLE1BQU0sU0FBUyxPQUF5QztBQUN0RCxRQUFNLFNBQVMsY0FBYyxHQUFHOzs7Ozs7O0NBUWxDLE1BQU0sWUFBWSxPQUF5QztBQUN6RCxRQUFNLFNBQVMsaUJBQWlCLEdBQUc7Ozs7Ozs7Q0FRckMsTUFBTSxpQkFBaUIsT0FBeUM7QUFDOUQsUUFBTSxTQUFTLHNCQUFzQixHQUFHOzs7Ozs7OztDQVMxQyxNQUFNLGdCQUFnQixXQUFtQixPQUFtQjtBQUMxRCxRQUFNLFNBQVMscUJBQXFCLFdBQVcsR0FBRzs7Ozs7Ozs7Q0FTcEQsTUFBTSxrQkFBa0IsV0FBbUIsT0FBbUI7QUFDNUQsUUFBTSxTQUFTLHVCQUF1QixXQUFXLEdBQUc7Ozs7Ozs7Q0FRdEQsTUFBTSxjQUFjLE9BQXVDO0FBQ3pELFFBQU0sU0FBUyxtQkFBbUIsR0FBRzs7Ozs7OztDQVF2QyxNQUFNLGlCQUFpQixPQUF1QztBQUM1RCxRQUFNLFNBQVMsc0JBQXNCLEdBQUc7Ozs7Ozs7O0NBUzFDLE1BQU0sV0FDSixPQUNBLE9BQ0c7QUFDSCxRQUFNLFFBQVEsY0FBYyxPQUFPLEdBQUc7Ozs7Ozs7O0NBU3hDLE1BQU0sVUFBVSxPQUEyQjtBQUN6QyxNQUFJLENBQUMsY0FDSCxRQUFPLE1BQU0sUUFBUSxPQUFPLEdBQUc7Ozs7Ozs7Q0FTbkMsTUFBTSxlQUFlLENBQUMsQ0FBQyxNQUFNLFFBQVEsU0FBUzs7Ozs7O0NBTzlDLE1BQU0sbUJBQW1CLENBQUM7Ozs7OztDQU8xQixNQUFNLFFBQVEsVUFBMkI7QUFDdkMsUUFBTSxRQUFRLEtBQUssTUFBTTs7Ozs7OztDQVEzQixNQUFNLGFBQWEsTUFBTSxRQUFRLE1BQU07Ozs7OztDQU92QyxNQUFNLGFBQWEsTUFBTSxRQUFRLE1BQU07Ozs7OztDQU92QyxNQUFNLHVCQUF1QixpQkFBaUIsS0FBSzs7Ozs7O0NBT25ELE1BQU0seUJBQXlCLGlCQUFpQixNQUFNOzs7Ozs7Q0FPdEQsTUFBTSxjQUFjLFdBQWdDO0VBQ2xELE1BQU0sT0FBTyxPQUFPLFNBQVMsU0FBUztBQUN0QyxVQUFRLE9BQU8sT0FBTyxLQUFLLE9BQU8sT0FBTzs7QUFHM0MsaUJBQWdCO0FBQ2QsUUFBTSxRQUFRLE1BQU07QUFDcEIsUUFBTSxRQUFRLHNCQUFzQixpQkFBaUIscUJBQXFCLENBQUM7QUFDM0UsY0FBWSxTQUFTO0FBQ3JCLGVBQWEsWUFBWSxPQUFPLFNBQVM7SUFDeEMsQ0FBQyxTQUFTLFlBQVksQ0FBQyxDQUFDO0FBRTNCLFFBQU87RUFDTCxZQUFZLE1BQU0sUUFBUSxTQUFTO0VBQ25DO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNEIn0=

package/dist/hooks/GrabAndScroll/index.cjs

@@ -0,0 +1,99 @@
+const require_chunk = require('../../chunk-CUT6urMc.cjs');
+let react = require("react");
+react = require_chunk.__toESM(react);
+
+//#region src/hooks/GrabAndScroll/useGrabAndScroll.ts
+const animateHorizontalScroll = ({ element, duration, targetScroll, multiply = 1, direction, callback, offset = 0 }) => {
+	const start = element.scrollLeft;
+	const distance = (targetScroll - start) * multiply;
+	const startTime = performance.now();
+	function easeOutSine(x) {
+		return Math.sin(x * Math.PI / 2);
+	}
+	function scrollStep(currentTime) {
+		const timeElapsed = currentTime - startTime;
+		const progress = Math.min(timeElapsed / duration, 1);
+		const easing = easeOutSine(progress);
+		const step = start + distance * easing;
+		const canScroll = (direction === "rt" ? element.scrollLeft < step : element.scrollLeft > step) || !direction;
+		if (step > 0 && canScroll) element.scrollTo(step, 0);
+		if (timeElapsed < duration) requestAnimationFrame(scrollStep);
+		else if (element.scrollLeft + offset === element.scrollWidth) callback?.("rt");
+		else if (element.scrollLeft <= 1) callback?.("lt");
+		else callback?.("ct");
+	}
+	requestAnimationFrame(scrollStep);
+};
+const useGrabAndScroll = (enabled, chunkWidth, speed = 400, offset = 0) => {
+	const containerRef = (0, react.useRef)(null);
+	const [leftArrow, setLeftArrow] = (0, react.useState)(false);
+	const [rightArrow, setRightArrow] = (0, react.useState)(true);
+	const handleArrows = (position) => {
+		switch (position) {
+			case "lt":
+				setLeftArrow(false);
+				setRightArrow(true);
+				break;
+			case "rt":
+				setLeftArrow(true);
+				setRightArrow(false);
+				break;
+			default:
+				setLeftArrow(true);
+				setRightArrow(true);
+		}
+	};
+	const animationTrigger = () => {
+		if (enabled && containerRef.current) {
+			const dist = (containerRef?.current?.scrollLeft || 0) / chunkWidth;
+			const targetScroll = chunkWidth * (Math.floor(dist) + (dist % 1 > .5 ? 1 : 0));
+			animateHorizontalScroll({
+				element: containerRef.current,
+				targetScroll,
+				duration: speed,
+				offset,
+				callback: handleArrows
+			});
+		}
+	};
+	const onNext = (cardsToSlide) => {
+		if (containerRef.current) {
+			const targetScroll = containerRef.current.scrollLeft + chunkWidth;
+			animateHorizontalScroll({
+				element: containerRef.current,
+				targetScroll,
+				duration: speed,
+				direction: "rt",
+				multiply: cardsToSlide,
+				offset,
+				callback: handleArrows
+			});
+		}
+	};
+	const onPrevious = (cardsToSlide) => {
+		if (containerRef.current) {
+			const targetScroll = containerRef.current.scrollLeft - chunkWidth;
+			animateHorizontalScroll({
+				element: containerRef.current,
+				targetScroll,
+				duration: speed,
+				direction: "lt",
+				multiply: cardsToSlide,
+				offset,
+				callback: handleArrows
+			});
+		}
+	};
+	return {
+		containerRef,
+		leftArrow,
+		rightArrow,
+		animationTrigger,
+		onNext,
+		onPrevious
+	};
+};
+
+//#endregion
+exports.useGrabAndScroll = useGrabAndScroll;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY2pzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ob29rcy9HcmFiQW5kU2Nyb2xsL3VzZUdyYWJBbmRTY3JvbGwudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG50eXBlIEFycm93UG9zaXRpb24gPSAnbHQnIHwgJ2N0JyB8ICdydCdcblxuaW50ZXJmYWNlIEFuaW1hdGlvblByb3BzIHtcbiAgICBlbGVtZW50OiBIVE1MRWxlbWVudFxuICAgIHRhcmdldFNjcm9sbDogbnVtYmVyIFxuICAgIGR1cmF0aW9uOiBudW1iZXIgXG4gICAgZGlyZWN0aW9uPzogJ2x0JyB8ICdydCcgXG4gICAgbXVsdGlwbHk/OiBudW1iZXIgXG4gICAgb2Zmc2V0PzogbnVtYmVyXG4gICAgY2FsbGJhY2s/OiAocG9zaXRpb246IEFycm93UG9zaXRpb24pID0+IHZvaWRcbn1cblxuY29uc3QgYW5pbWF0ZUhvcml6b250YWxTY3JvbGwgPSAoeyBlbGVtZW50LCBkdXJhdGlvbiwgdGFyZ2V0U2Nyb2xsLCBtdWx0aXBseSA9IDEsIGRpcmVjdGlvbiwgY2FsbGJhY2ssIG9mZnNldCA9IDAgfTogQW5pbWF0aW9uUHJvcHMpID0+IHtcbiAgICBjb25zdCBzdGFydCA9IGVsZW1lbnQuc2Nyb2xsTGVmdFxuICAgIGNvbnN0IGRpc3RhbmNlID0gKHRhcmdldFNjcm9sbCAtIHN0YXJ0KSAqIG11bHRpcGx5O1xuICAgIGNvbnN0IHN0YXJ0VGltZSA9IHBlcmZvcm1hbmNlLm5vdygpO1xuXG4gICAgZnVuY3Rpb24gZWFzZU91dFNpbmUoeDogbnVtYmVyKTogbnVtYmVyIHtcbiAgICAgIHJldHVybiBNYXRoLnNpbigoeCAqIE1hdGguUEkpIC8gMik7XG4gICAgfVxuXG4gICAgZnVuY3Rpb24gc2Nyb2xsU3RlcChjdXJyZW50VGltZTogbnVtYmVyKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHRpbWVFbGFwc2VkID0gY3VycmVudFRpbWUgLSBzdGFydFRpbWU7XG4gICAgICAgIGNvbnN0IHByb2dyZXNzID0gTWF0aC5taW4odGltZUVsYXBzZWQgLyBkdXJhdGlvbiwgMSk7XG4gICAgICAgIGNvbnN0IGVhc2luZyA9IGVhc2VPdXRTaW5lKHByb2dyZXNzKTtcbiAgICAgICAgY29uc3Qgc3RlcCA9IHN0YXJ0ICsgKGRpc3RhbmNlICogZWFzaW5nKVxuICAgICAgICBjb25zdCBjYW5TY3JvbGwgPSAoZGlyZWN0aW9uID09PSAncnQnID8gKGVsZW1lbnQuc2Nyb2xsTGVmdCA8IHN0ZXApIDogKGVsZW1lbnQuc2Nyb2xsTGVmdCA+IHN0ZXApKSB8fCAhZGlyZWN0aW9uXG4gICAgICAgIFxuICAgICAgICBpZiAoc3RlcCA+IDAgJiYgY2FuU2Nyb2xsKSB7XG4gICAgICAgICAgZWxlbWVudC5zY3JvbGxUbyhzdGVwLCAwKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRpbWVFbGFwc2VkIDwgZHVyYXRpb24pIHtcbiAgICAgICAgICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZShzY3JvbGxTdGVwKTtcbiAgICAgICAgfSBcblxuICAgICAgICAvLyBFbmQgb2Ygc2Nyb2xsaW5nIGNvbnRhaW5lclxuICAgICAgICBlbHNlIGlmICgoZWxlbWVudC5zY3JvbGxMZWZ0ICsgb2Zmc2V0KSA9PT0gZWxlbWVudC5zY3JvbGxXaWR0aCkge1xuICAgICAgICAgICAgY2FsbGJhY2s/LigncnQnKVxuICAgICAgICB9IFxuICAgICAgICAvLyBCZWdpbiBvZiBzY3JvbGxpbmcgY29udGFpbmVyXG4gICAgICAgIGVsc2UgaWYgKGVsZW1lbnQuc2Nyb2xsTGVmdCA8PSAxKSB7XG4gICAgICAgICAgICBjYWxsYmFjaz8uKCdsdCcpXG4gICAgICAgIH1cbiAgICAgICAgLy8gU29tZXdoZXJlIGluIHRoZSBtaWRkbGVcbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICBjYWxsYmFjaz8uKCdjdCcpXG4gICAgICAgIH1cblxuICAgIH1cblxuICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZShzY3JvbGxTdGVwKTtcbn1cblxuXG5leHBvcnQgY29uc3QgdXNlR3JhYkFuZFNjcm9sbCA9IChlbmFibGVkOiBib29sZWFuLCBjaHVua1dpZHRoOiBudW1iZXIsIHNwZWVkOiBudW1iZXIgPSA0MDAsIG9mZnNldDogbnVtYmVyID0gMCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgICBjb25zdCBbIGxlZnRBcnJvdywgc2V0TGVmdEFycm93IF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgICBjb25zdCBbIHJpZ2h0QXJyb3csIHNldFJpZ2h0QXJyb3cgXSA9IHVzZVN0YXRlKHRydWUpXG5cbiAgICBjb25zdCBoYW5kbGVBcnJvd3MgPSAocG9zaXRpb246IEFycm93UG9zaXRpb24pID0+IHtcbiAgICAgICAgc3dpdGNoIChwb3NpdGlvbikge1xuICAgICAgICAgICAgY2FzZSAnbHQnOlxuICAgICAgICAgICAgICAgIHNldExlZnRBcnJvdyhmYWxzZSlcbiAgICAgICAgICAgICAgICBzZXRSaWdodEFycm93KHRydWUpXG4gICAgICAgICAgICAgICAgYnJlYWtcblxuICAgICAgICAgICAgY2FzZSAncnQnOlxuICAgICAgICAgICAgICAgIHNldExlZnRBcnJvdyh0cnVlKVxuICAgICAgICAgICAgICAgIHNldFJpZ2h0QXJyb3coZmFsc2UpXG4gICAgICAgICAgICAgICAgYnJlYWtcblxuICAgICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgICAgICBzZXRMZWZ0QXJyb3codHJ1ZSlcbiAgICAgICAgICAgICAgICBzZXRSaWdodEFycm93KHRydWUpXG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBhbmltYXRpb25UcmlnZ2VyID0gKCkgPT4ge1xuICAgICAgICBpZiAoZW5hYmxlZCAmJiBjb250YWluZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY29uc3QgZGlzdCA9IChjb250YWluZXJSZWY/LmN1cnJlbnQ/LnNjcm9sbExlZnQgfHwgMCkgLyBjaHVua1dpZHRoXG4gICAgICAgICAgICBjb25zdCB0YXJnZXRTY3JvbGwgPSBjaHVua1dpZHRoICogKE1hdGguZmxvb3IoZGlzdCkgKyAoZGlzdCAlIDEgPiAwLjUgPyAxIDogMCkpXG4gICAgICAgICAgICBhbmltYXRlSG9yaXpvbnRhbFNjcm9sbCh7XG4gICAgICAgICAgICAgICAgZWxlbWVudDogY29udGFpbmVyUmVmLmN1cnJlbnQsIFxuICAgICAgICAgICAgICAgIHRhcmdldFNjcm9sbCwgXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IHNwZWVkLFxuICAgICAgICAgICAgICAgIG9mZnNldCxcbiAgICAgICAgICAgICAgICBjYWxsYmFjazogaGFuZGxlQXJyb3dzXG4gICAgICAgICAgICB9KVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25OZXh0ID0gKGNhcmRzVG9TbGlkZTogbnVtYmVyKSA9PiB7XG4gICAgICAgIGlmIChjb250YWluZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY29uc3QgdGFyZ2V0U2Nyb2xsID0gY29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsTGVmdCArIGNodW5rV2lkdGhcbiAgICAgICAgICAgIGFuaW1hdGVIb3Jpem9udGFsU2Nyb2xsKHtcbiAgICAgICAgICAgICAgICBlbGVtZW50OiBjb250YWluZXJSZWYuY3VycmVudCwgXG4gICAgICAgICAgICAgICAgdGFyZ2V0U2Nyb2xsLCBcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogc3BlZWQsIFxuICAgICAgICAgICAgICAgIGRpcmVjdGlvbjogJ3J0JywgXG4gICAgICAgICAgICAgICAgbXVsdGlwbHk6IGNhcmRzVG9TbGlkZSxcbiAgICAgICAgICAgICAgICBvZmZzZXQsXG4gICAgICAgICAgICAgICAgY2FsbGJhY2s6IGhhbmRsZUFycm93c1xuICAgICAgICAgICAgfSlcbiAgICAgICAgfVxuICAgIH1cbiAgICBcbiAgICBjb25zdCBvblByZXZpb3VzID0gKGNhcmRzVG9TbGlkZTogbnVtYmVyKSA9PiB7XG4gICAgICAgIGlmIChjb250YWluZXJSZWYuY3VycmVudCkge1xuICAgICAgICAgICAgY29uc3QgdGFyZ2V0U2Nyb2xsID0gY29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsTGVmdCAtIGNodW5rV2lkdGhcbiAgICAgICAgICAgIGFuaW1hdGVIb3Jpem9udGFsU2Nyb2xsKHtcbiAgICAgICAgICAgICAgICBlbGVtZW50OiBjb250YWluZXJSZWYuY3VycmVudCwgXG4gICAgICAgICAgICAgICAgdGFyZ2V0U2Nyb2xsLCBcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogc3BlZWQsIFxuICAgICAgICAgICAgICAgIGRpcmVjdGlvbjogJ2x0JywgXG4gICAgICAgICAgICAgICAgbXVsdGlwbHk6IGNhcmRzVG9TbGlkZSxcbiAgICAgICAgICAgICAgICBvZmZzZXQsXG4gICAgICAgICAgICAgICAgY2FsbGJhY2s6IGhhbmRsZUFycm93c1xuICAgICAgICAgICAgfSlcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAgIGNvbnRhaW5lclJlZixcbiAgICAgICAgbGVmdEFycm93LFxuICAgICAgICByaWdodEFycm93LFxuICAgICAgICBhbmltYXRpb25UcmlnZ2VyLFxuICAgICAgICBvbk5leHQsXG4gICAgICAgIG9uUHJldmlvdXNcbiAgICB9XG59Il0sIm1hcHBpbmdzIjoiOzs7OztBQWNBLE1BQU0sMkJBQTJCLEVBQUUsU0FBUyxVQUFVLGNBQWMsV0FBVyxHQUFHLFdBQVcsVUFBVSxTQUFTLFFBQXdCO0NBQ3BJLE1BQU0sUUFBUSxRQUFRO0NBQ3RCLE1BQU0sWUFBWSxlQUFlLFNBQVM7Q0FDMUMsTUFBTSxZQUFZLFlBQVksS0FBSztDQUVuQyxTQUFTLFlBQVksR0FBbUI7QUFDdEMsU0FBTyxLQUFLLElBQUssSUFBSSxLQUFLLEtBQU0sRUFBRTs7Q0FHcEMsU0FBUyxXQUFXLGFBQTJCO0VBQzNDLE1BQU0sY0FBYyxjQUFjO0VBQ2xDLE1BQU0sV0FBVyxLQUFLLElBQUksY0FBYyxVQUFVLEVBQUU7RUFDcEQsTUFBTSxTQUFTLFlBQVksU0FBUztFQUNwQyxNQUFNLE9BQU8sUUFBUyxXQUFXO0VBQ2pDLE1BQU0sYUFBYSxjQUFjLE9BQVEsUUFBUSxhQUFhLE9BQVMsUUFBUSxhQUFhLFNBQVUsQ0FBQztBQUV2RyxNQUFJLE9BQU8sS0FBSyxVQUNkLFNBQVEsU0FBUyxNQUFNLEVBQUU7QUFHM0IsTUFBSSxjQUFjLFNBQ2QsdUJBQXNCLFdBQVc7V0FJM0IsUUFBUSxhQUFhLFdBQVksUUFBUSxZQUMvQyxZQUFXLEtBQUs7V0FHWCxRQUFRLGNBQWMsRUFDM0IsWUFBVyxLQUFLO01BSWhCLFlBQVcsS0FBSzs7QUFLeEIsdUJBQXNCLFdBQVc7O0FBSXJDLE1BQWEsb0JBQW9CLFNBQWtCLFlBQW9CLFFBQWdCLEtBQUssU0FBaUIsTUFBTTtDQUMvRyxNQUFNLGlDQUFzQyxLQUFLO0NBQ2pELE1BQU0sQ0FBRSxXQUFXLG9DQUEwQixNQUFNO0NBQ25ELE1BQU0sQ0FBRSxZQUFZLHFDQUEyQixLQUFLO0NBRXBELE1BQU0sZ0JBQWdCLGFBQTRCO0FBQzlDLFVBQVEsVUFBUjtHQUNJLEtBQUs7QUFDRCxpQkFBYSxNQUFNO0FBQ25CLGtCQUFjLEtBQUs7QUFDbkI7R0FFSixLQUFLO0FBQ0QsaUJBQWEsS0FBSztBQUNsQixrQkFBYyxNQUFNO0FBQ3BCO0dBRUo7QUFDSSxpQkFBYSxLQUFLO0FBQ2xCLGtCQUFjLEtBQUs7OztDQUkvQixNQUFNLHlCQUF5QjtBQUMzQixNQUFJLFdBQVcsYUFBYSxTQUFTO0dBQ2pDLE1BQU0sUUFBUSxjQUFjLFNBQVMsY0FBYyxLQUFLO0dBQ3hELE1BQU0sZUFBZSxjQUFjLEtBQUssTUFBTSxLQUFLLElBQUksT0FBTyxJQUFJLEtBQU0sSUFBSTtBQUM1RSwyQkFBd0I7SUFDcEIsU0FBUyxhQUFhO0lBQ3RCO0lBQ0EsVUFBVTtJQUNWO0lBQ0EsVUFBVTtJQUNiLENBQUM7OztDQUlWLE1BQU0sVUFBVSxpQkFBeUI7QUFDckMsTUFBSSxhQUFhLFNBQVM7R0FDdEIsTUFBTSxlQUFlLGFBQWEsUUFBUSxhQUFhO0FBQ3ZELDJCQUF3QjtJQUNwQixTQUFTLGFBQWE7SUFDdEI7SUFDQSxVQUFVO0lBQ1YsV0FBVztJQUNYLFVBQVU7SUFDVjtJQUNBLFVBQVU7SUFDYixDQUFDOzs7Q0FJVixNQUFNLGNBQWMsaUJBQXlCO0FBQ3pDLE1BQUksYUFBYSxTQUFTO0dBQ3RCLE1BQU0sZUFBZSxhQUFhLFFBQVEsYUFBYTtBQUN2RCwyQkFBd0I7SUFDcEIsU0FBUyxhQUFhO0lBQ3RCO0lBQ0EsVUFBVTtJQUNWLFdBQVc7SUFDWCxVQUFVO0lBQ1Y7SUFDQSxVQUFVO0lBQ2IsQ0FBQzs7O0FBSVYsUUFBTztFQUNIO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNIIn0=

package/dist/hooks/GrabAndScroll/index.d.cts

@@ -0,0 +1,14 @@
+import * as react1 from "react";
+
+//#region src/hooks/GrabAndScroll/useGrabAndScroll.d.ts
+declare const useGrabAndScroll: (enabled: boolean, chunkWidth: number, speed?: number, offset?: number) => {
+  containerRef: react1.RefObject<HTMLDivElement>;
+  leftArrow: boolean;
+  rightArrow: boolean;
+  animationTrigger: () => void;
+  onNext: (cardsToSlide: number) => void;
+  onPrevious: (cardsToSlide: number) => void;
+};
+//#endregion
+export { useGrabAndScroll };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguZC5jdHMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL0dyYWJBbmRTY3JvbGwvdXNlR3JhYkFuZFNjcm9sbC5kLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBkZWNsYXJlIGNvbnN0IHVzZUdyYWJBbmRTY3JvbGw6IChlbmFibGVkOiBib29sZWFuLCBjaHVua1dpZHRoOiBudW1iZXIsIHNwZWVkPzogbnVtYmVyLCBvZmZzZXQ/OiBudW1iZXIpID0+IHtcbiAgICBjb250YWluZXJSZWY6IGltcG9ydChcInJlYWN0XCIpLlJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD47XG4gICAgbGVmdEFycm93OiBib29sZWFuO1xuICAgIHJpZ2h0QXJyb3c6IGJvb2xlYW47XG4gICAgYW5pbWF0aW9uVHJpZ2dlcjogKCkgPT4gdm9pZDtcbiAgICBvbk5leHQ6IChjYXJkc1RvU2xpZGU6IG51bWJlcikgPT4gdm9pZDtcbiAgICBvblByZXZpb3VzOiAoY2FyZHNUb1NsaWRlOiBudW1iZXIpID0+IHZvaWQ7XG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7QUFDQSxJQUFXLG1CQUFtQjtDQUFDO09BQVc7T0FBaUIsT0FBQTtDQUFBIn0=

package/dist/hooks/GrabAndScroll/index.d.ts

@@ -0,0 +1,14 @@
+import * as react0 from "react";
+
+//#region src/hooks/GrabAndScroll/useGrabAndScroll.d.ts
+declare const useGrabAndScroll: (enabled: boolean, chunkWidth: number, speed?: number, offset?: number) => {
+  containerRef: react0.RefObject<HTMLDivElement>;
+  leftArrow: boolean;
+  rightArrow: boolean;
+  animationTrigger: () => void;
+  onNext: (cardsToSlide: number) => void;
+  onPrevious: (cardsToSlide: number) => void;
+};
+//#endregion
+export { useGrabAndScroll };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguZC50cyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaG9va3MvR3JhYkFuZFNjcm9sbC91c2VHcmFiQW5kU2Nyb2xsLmQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGRlY2xhcmUgY29uc3QgdXNlR3JhYkFuZFNjcm9sbDogKGVuYWJsZWQ6IGJvb2xlYW4sIGNodW5rV2lkdGg6IG51bWJlciwgc3BlZWQ/OiBudW1iZXIsIG9mZnNldD86IG51bWJlcikgPT4ge1xuICAgIGNvbnRhaW5lclJlZjogaW1wb3J0KFwicmVhY3RcIikuUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgICBsZWZ0QXJyb3c6IGJvb2xlYW47XG4gICAgcmlnaHRBcnJvdzogYm9vbGVhbjtcbiAgICBhbmltYXRpb25UcmlnZ2VyOiAoKSA9PiB2b2lkO1xuICAgIG9uTmV4dDogKGNhcmRzVG9TbGlkZTogbnVtYmVyKSA9PiB2b2lkO1xuICAgIG9uUHJldmlvdXM6IChjYXJkc1RvU2xpZGU6IG51bWJlcikgPT4gdm9pZDtcbn07XG4iXSwibWFwcGluZ3MiOiI7OztBQUNBLElBQVcsbUJBQW1CO0NBQUM7T0FBVztPQUFpQixPQUFBO0NBQUEifQ==