@kubit-ui-web/react-components 2.0.0-beta.60 → 2.0.0-beta.62

package/dist/esm/lib/components/customComponent/customComponent.js

@@ -1,19 +0,0 @@
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const CustomComponent = forwardRef(({ children: e, className: n, component: r, ...i }, a) => {
-	let o = r || "span", s = [
-		"middlewareOptions",
-		"pressEscapeClose",
-		"onSelectItem",
-		"ariaDisabled",
-		"focus",
-		"index"
-	];
-	return /* @__PURE__ */ jsx(o, {
-		ref: a,
-		className: n,
-		...typeof o == "string" ? Object.keys(i).reduce((e, t) => (s.includes(t) || (e[t] = i[t]), e), {}) : i,
-		children: e
-	});
-});
-export { CustomComponent };

package/dist/esm/lib/components/elementOrIcon/elementOrIcon.js

@@ -1,10 +0,0 @@
-import { IconBasic } from "../../../components/icon/icon.js";
-import { IconHost } from "../../../components/icon/iconHost.js";
-import { forwardRef, isValidElement } from "react";
-import { jsx } from "react/jsx-runtime";
-const ElementOrIcon = forwardRef(({ basic: e = !1, icon: t, ...n }, r) => t ? typeof t == "string" ? jsx(e ? IconBasic : IconHost, {
-	...n,
-	ref: r,
-	icon: t
-}) : isValidElement(t) ? t : null : null);
-export { ElementOrIcon };

package/dist/esm/lib/components/errorMessage/errorMessage.js

@@ -1,15 +0,0 @@
-import { useClassName } from "../../hooks/useClassName/useClassName.js";
-import { ErrorMessageStandAlone } from "./errorMessageStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const ErrorMessage = forwardRef(({ additionalClasses: e, variant: t, ...n }, r) => /* @__PURE__ */ jsx(ErrorMessageStandAlone, {
-	ref: r,
-	cssClasses: useClassName({
-		additionalClassNames: e,
-		component: "ERROR_MESSAGE",
-		variant: t
-	}),
-	...n,
-	"data-testid": "error-message"
-}));
-export { ErrorMessage };

package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js

@@ -1,21 +0,0 @@
-import { pickCustomAttributes } from "../../utils/pickCustomAttributes/pickCustomAttributes.js";
-import { classNames } from "../../utils/classNames/classNames.js";
-import { Text } from "../../../components/text/text2.js";
-import { processIconProp, processTextProp } from "../../utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../elementOrIcon/elementOrIcon.js";
-import { forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-const ErrorMessageStandAlone = forwardRef(({ cssClasses: e, icon: t, message: n, ...r }, i) => n ? /* @__PURE__ */ jsx("div", {
-	ref: i,
-	...pickCustomAttributes(r),
-	className: classNames("kbt-error-message__container", e?.error_message, { "kbt-sr-only": !r.show }),
-	id: r.id,
-	children: r.show && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ElementOrIcon, {
-		className: e?.icon,
-		...processIconProp(t)
-	}), /* @__PURE__ */ jsx(Text, {
-		additionalClasses: { text: e?.typography },
-		...processTextProp(n)
-	})] })
-}) : null);
-export { ErrorMessageStandAlone };

package/dist/esm/lib/components/itemRove/itemRove.js

@@ -1,42 +0,0 @@
-import { pickCustomAttributes } from "../../utils/pickCustomAttributes/pickCustomAttributes.js";
-import { useClassName } from "../../hooks/useClassName/useClassName.js";
-import { CustomComponent } from "../customComponent/customComponent.js";
-import { classNames } from "../../utils/classNames/classNames.js";
-import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const ItemRove = ({ ariaControls: t, ariaDisabled: n = !1, ariaHidden: r = !1, ariaLabel: i, ariaSelected: a, asElement: o, checkIsFirstTime: s = !1, children: c, classNames: l, customAttributes: u, disabled: d = !1, disableKeys: f = !1, focus: p, id: m, index: h, onMouseOver: g, onSelectItem: _, preventScrollOnFocus: v = !1, role: y, setFocus: b, type: x, url: S, ...C }) => {
-	let w = useRef(null), T = useRef(s), E = useClassName({ component: "ITEM_ROVE" }), D = pickCustomAttributes({
-		...C,
-		...u
-	});
-	useEffect(() => {
-		p && !T.current ? w.current?.focus({ preventScroll: v }) : T.current = !1;
-	}, [p, v]);
-	let O = (e) => {
-		f || (b?.(h), e && _?.());
-	}, k = () => p ? 0 : -1;
-	return /* @__PURE__ */ jsx(CustomComponent, {
-		ref: w,
-		"aria-controls": t,
-		"aria-disabled": n,
-		"aria-hidden": r,
-		"aria-label": i,
-		"aria-selected": a,
-		className: classNames(E.item_rove, l),
-		component: o,
-		"data-testid": "item-rove",
-		disabled: d,
-		id: m,
-		role: y,
-		tabIndex: k(),
-		type: x,
-		url: S,
-		onClick: () => O(!0),
-		onFocus: g,
-		onKeyDown: () => O(!1),
-		onMouseOver: g,
-		...D,
-		children: c
-	});
-};
-export { ItemRove };

package/dist/esm/lib/components/overlay/overlay.js

@@ -1,17 +0,0 @@
-import { useClassName } from "../../hooks/useClassName/useClassName.js";
-import { OverlayStandAlone } from "./overlayStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const Overlay = forwardRef(({ additionalClasses: e, variant: t, ...n }, r) => {
-	let i = useClassName({
-		additionalClassNames: e,
-		component: "OVERLAY",
-		variant: t
-	});
-	return /* @__PURE__ */ jsx(OverlayStandAlone, {
-		...n,
-		ref: r,
-		cssClasses: i
-	});
-});
-export { Overlay };

package/dist/esm/lib/components/overlay/overlayStandAlone.js

@@ -1,15 +0,0 @@
-import { pickCustomAttributes } from "../../utils/pickCustomAttributes/pickCustomAttributes.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const OverlayStandAlone = forwardRef(({ cssClasses: e, ...t }, n) => {
-	let r = pickCustomAttributes(t);
-	return /* @__PURE__ */ jsx("div", {
-		ref: n,
-		className: e?.overlay,
-		"data-testid": "overlay",
-		...t,
-		...r,
-		...r
-	});
-});
-export { OverlayStandAlone };

package/dist/esm/lib/components/screen-reader-only/screenReaderOnly.js

@@ -1,9 +0,0 @@
-import { ScreenReaderOnlyStandAlone } from "./screenReaderOnlyStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const ScreenReaderOnly = forwardRef((e, t) => /* @__PURE__ */ jsx(ScreenReaderOnlyStandAlone, {
-	ref: t,
-	...e
-}));
-ScreenReaderOnly.displayName = "ScreenReaderOnly";
-export { ScreenReaderOnly };

package/dist/esm/lib/components/screen-reader-only/screenReaderOnlyStandAlone.js

@@ -1,17 +0,0 @@
-import { pickCustomAttributes } from "../../utils/pickCustomAttributes/pickCustomAttributes.js";
-import { classNames } from "../../utils/classNames/classNames.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const ScreenReaderOnlyStandAlone = forwardRef(({ ariaAtomic: e, ariaLive: t, children: n, className: r, id: i, role: a, ...o }, s) => {
-	let c = pickCustomAttributes(o), l = classNames("kbt-screen-reader-only", r), u = {};
-	return t !== void 0 && (u["aria-live"] = t), e !== void 0 && (u["aria-atomic"] = e), a !== void 0 && (u.role = a), /* @__PURE__ */ jsx("span", {
-		ref: s,
-		className: l,
-		id: i,
-		...u,
-		...c,
-		children: n
-	});
-});
-ScreenReaderOnlyStandAlone.displayName = "ScreenReaderOnlyStandAlone";
-export { ScreenReaderOnlyStandAlone };

package/dist/esm/lib/constants/keyboardKeys/keyboardKeys.js

@@ -1,52 +0,0 @@
-var TAB = {
-	code: "Tab",
-	key: "Tab",
-	keyCode: 9,
-	which: 9
-}, ENTER = {
-	code: "Enter",
-	key: "Enter",
-	keyCode: 13,
-	which: 13
-}, ESCAPE = {
-	code: "Esc",
-	key: ["Escape", "Esc"],
-	keyCode: 27,
-	which: 27
-}, SPACE = {
-	code: "Space",
-	key: " ",
-	keyCode: 32,
-	which: 32
-}, PAGE_UP = {
-	code: "PageUp",
-	key: "PageUp",
-	keyCode: 33,
-	which: 33
-}, PAGE_DOWN = {
-	code: "PageDown",
-	key: "PageDown",
-	keyCode: 34,
-	which: 34
-}, ARROW_LEFT = {
-	code: "ArrowLeft",
-	key: "ArrowLeft",
-	keyCode: 37,
-	which: 37
-}, ARROW_UP = {
-	code: "ArrowUp",
-	key: "ArrowUp",
-	keyCode: 38,
-	which: 38
-}, ARROW_RIGHT = {
-	code: "ArrowRight",
-	key: "ArrowRight",
-	keyCode: 39,
-	which: 39
-}, ARROW_DOWN = {
-	code: "ArrowDown",
-	key: "ArrowDown",
-	keyCode: 40,
-	which: 40
-}, HOME = { key: "Home" }, END = { key: "End" };
-export { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, END, ENTER, ESCAPE, HOME, PAGE_DOWN, PAGE_UP, SPACE, TAB };

package/dist/esm/lib/hooks/useClassName/useClassName.js

@@ -1,10 +0,0 @@
-import { useStylesContext } from "../../provider/stylesProvider/stylesProvider.js";
-const useClassName = ({ additionalClassNames: e, component: t, variant: n }) => {
-	let { getComponentStyles: r } = useStylesContext();
-	return r({
-		additionalClassNames: e,
-		component: t,
-		variant: n
-	});
-};
-export { useClassName };

package/dist/esm/lib/hooks/useClickOutside/useClickOutside.js

@@ -1,16 +0,0 @@
-import { useEffect, useRef } from "react";
-const useClickOutside = (n, r, i = []) => {
-	let a = useRef(r);
-	useEffect(() => {
-		a.current = r;
-	}, [r]), useEffect(() => {
-		function e(e) {
-			let t = e.composedPath(), r = n.current && t.includes(n.current), o = i.some((e) => e && t.includes(e));
-			n.current && !r && !o && a.current(e);
-		}
-		return document.addEventListener("mouseup", e, !0), () => {
-			document.removeEventListener("mouseup", e, !0);
-		};
-	}, [n, i]);
-};
-export { useClickOutside };

package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.js

@@ -1,33 +0,0 @@
-import { isContentVisibleEnough } from "./utils/contentVisibility.js";
-import { useCallback, useRef } from "react";
-const useContentVisibility = ({ minVisibleHeight: r = 100, onContentInvisible: i, onContentVisible: a }) => {
-	let o = useRef(null), s = useRef(null), c = useRef(void 0), l = useRef(void 0), u = useRef(void 0), d = useCallback(() => {
-		let e = o.current, t = s.current;
-		!e || !t || (a ? a() : (e.style.overflowY = "", t.style.overflowY = ""));
-	}, [a]), f = useCallback(() => {
-		let e = o.current, t = s.current;
-		!e || !t || (i ? i() : (e.style.overflowY = "auto", t.style.overflowY = "visible"));
-	}, [i]);
-	return { handleContentVisibility: useCallback(({ container: t, content: n }) => {
-		if (o.current = t, s.current = n, t && n) {
-			let i = () => {
-				let i = isContentVisibleEnough({
-					container: t,
-					content: n,
-					minVisibleHeight: r
-				});
-				i !== u.current && (i ? d() : f()), u.current = i;
-			};
-			i(), c.current = new ResizeObserver(() => {
-				i();
-			}), l.current = new ResizeObserver(() => {
-				i();
-			}), c.current.observe(n), c.current.observe(t);
-		} else c.current?.disconnect(), l.current?.disconnect();
-	}, [
-		r,
-		d,
-		f
-	]) };
-};
-export { useContentVisibility };

package/dist/esm/lib/hooks/useContentVisibility/utils/contentVisibility.js

@@ -1,3 +0,0 @@
-import { hasVerticalScroll } from "../../../utils/scroll/hasScroll.js";
-const isContentVisibleEnough = ({ container: e, content: t, minVisibleHeight: n }) => hasVerticalScroll(t) ? t.clientHeight >= n : e.scrollHeight - t.clientHeight + n <= e.clientHeight;
-export { isContentVisibleEnough };

package/dist/esm/lib/hooks/useEscPressed/useEscPressed.js

@@ -1,13 +0,0 @@
-import { useEffect } from "react";
-const useEscPressed = ({ disablePreventDefault: t = !1, disableStopPropagation: n = !1, onEscPress: r, ref: i }) => {
-	useEffect(() => {
-		if (!i.current) return;
-		let e = (e) => {
-			e.key === "Escape" && (t || e.preventDefault(), n || e.stopPropagation(), r(e));
-		};
-		return i.current.addEventListener("keydown", e), () => {
-			i.current?.removeEventListener("keydown", e);
-		};
-	}, [r]);
-};
-export { useEscPressed };

package/dist/esm/lib/hooks/useManageState/useManageState.js

@@ -1,37 +0,0 @@
-import { STATES } from "../../types/states/states.js";
-import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-const useManageState = ({ active: t = !1, disabled: n = !1, loading: r = !1, ref: i, states: a }) => {
-	let [o, s] = useState(!1), [c, l] = useState(!1), u = useRef(null);
-	useImperativeHandle(i, () => u?.current, []);
-	let d = useCallback(() => typeof window < "u" && window?.matchMedia ? !window.matchMedia("(hover: none)").matches : !0, []), f = useCallback(() => s(!0), []), p = useCallback(() => s(!1), []), m = useCallback(() => l(!0), []), h = useCallback(() => l(!1), []), g = useCallback(() => l(!1), []), _ = useCallback((e) => {
-		u.current && (u.current.removeEventListener("mouseenter", f), u.current.removeEventListener("mouseleave", p), u.current.removeEventListener("pointerdown", m), u.current.removeEventListener("pointercancel", h), window.removeEventListener("pointerup", g)), u.current = e, e && (a?.includes(STATES.PRESSED) && (e.addEventListener("pointerdown", m), e.addEventListener("pointercancel", h), window.addEventListener("pointerup", g)), d() && a?.includes(STATES.HOVER) && (e.addEventListener("mouseenter", f), e.addEventListener("mouseleave", p)));
-	}, [
-		a,
-		f,
-		p,
-		m,
-		h,
-		g,
-		d
-	]);
-	return useEffect(() => () => {
-		u.current && (u.current.removeEventListener("mouseenter", f), u.current.removeEventListener("mouseleave", p), u.current.removeEventListener("pointerdown", m), u.current.removeEventListener("pointercancel", h), window.removeEventListener("pointerup", g));
-	}, [
-		f,
-		p,
-		m,
-		h,
-		g
-	]), {
-		setRef: _,
-		states: useMemo(() => a?.includes(STATES.LOADING) && r ? STATES.LOADING : a?.includes(STATES.DISABLED) && n ? STATES.DISABLED : a?.includes(STATES.ACTIVE) && t ? STATES.ACTIVE : a?.includes(STATES.PRESSED) && c ? STATES.PRESSED : a?.includes(STATES.HOVER) && o ? STATES.HOVER : STATES.DEFAULT, [
-			a,
-			n,
-			r,
-			t,
-			o,
-			c
-		])
-	};
-};
-export { useManageState };

package/dist/esm/lib/hooks/useMediaDevice/useActiveBreakpoints.js

@@ -1,15 +0,0 @@
-import { DeviceBreakpointsTypeUtils } from "../../types/breakpoints/breakpoints.js";
-import { useMediaDevice } from "./useMediaDevice.js";
-const useActiveBreakpoints = () => {
-	let e = useMediaDevice();
-	return {
-		device: e,
-		isDesktop: DeviceBreakpointsTypeUtils.isDesktop(e),
-		isLargeDesktop: DeviceBreakpointsTypeUtils.isLargeDesktop(e),
-		isMobile: DeviceBreakpointsTypeUtils.isMobile(e),
-		isMobileOrTablet: DeviceBreakpointsTypeUtils.isMobileOrTablet(e),
-		isOnlyDesktop: DeviceBreakpointsTypeUtils.isOnlyDesktop(e),
-		isTablet: DeviceBreakpointsTypeUtils.isTablet(e)
-	};
-};
-export { useActiveBreakpoints };

package/dist/esm/lib/hooks/useMediaDevice/useMediaDevice.js

@@ -1,20 +0,0 @@
-import { useStylesContext } from "../../provider/stylesProvider/stylesProvider.js";
-import { DEVICE_BREAKPOINTS } from "../../types/breakpoints/breakpoints.js";
-import { useEffect, useState } from "react";
-const useMediaDevice = () => {
-	let { mediaQueries: r } = useStylesContext(), [i, a] = useState(() => {
-		if (typeof window > "u" || !window.matchMedia) return DEVICE_BREAKPOINTS.DESKTOP;
-		let { onlyMobile: e, onlyTablet: t } = r, n = window.matchMedia(e).matches, i = window.matchMedia(t).matches;
-		return n ? DEVICE_BREAKPOINTS.MOBILE : i ? DEVICE_BREAKPOINTS.TABLET : DEVICE_BREAKPOINTS.DESKTOP;
-	});
-	return useEffect(() => {
-		if (typeof window > "u" || !window.matchMedia) return;
-		let { onlyDesktop: e, onlyMobile: t, onlyTablet: n } = r, i = window.matchMedia(e), o = window.matchMedia(n), s = window.matchMedia(t), c = () => {
-			s.matches ? a(DEVICE_BREAKPOINTS.MOBILE) : o.matches ? a(DEVICE_BREAKPOINTS.TABLET) : a(DEVICE_BREAKPOINTS.DESKTOP);
-		};
-		return i.addEventListener("change", c), o.addEventListener("change", c), s.addEventListener("change", c), c(), () => {
-			i.removeEventListener("change", c), o.removeEventListener("change", c), s.removeEventListener("change", c);
-		};
-	}, [r]), i;
-};
-export { useMediaDevice };

package/dist/esm/lib/hooks/useRoveFocus/useRoveFocus.js

@@ -1,65 +0,0 @@
-import { ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, PAGE_DOWN, PAGE_UP, TAB } from "../../constants/keyboardKeys/keyboardKeys.js";
-import { useCallback, useEffect, useRef, useState } from "react";
-const useRoveFocus = ({ currentFocusSelected: r = 0, keyDownMove: i = 1, keyLeftMove: a = -1, keyPageDownMove: o = 1, keyPageUpMove: s = -1, keyRightMove: c = 1, keyTabMove: l = 1, keyUpMove: u = -1, size: d }) => {
-	let [f, p] = useState(r), m = useRef(null), h = (e) => {
-		i !== null && (e.preventDefault(), p(typeof i == "function" ? (t) => i(t, e) : (e) => e === d - 1 ? 0 : e + i));
-	}, g = (e) => {
-		u !== null && (e.preventDefault(), p(typeof u == "function" ? (t) => u(t, e) : (e) => e === 0 ? d - 1 : e + u));
-	}, _ = (e) => {
-		a !== null && (e.preventDefault(), p(typeof a == "function" ? (t) => a(t, e) : (e) => e === 0 ? d - 1 : e + a));
-	}, v = (e) => {
-		c !== null && (e.preventDefault(), p(typeof c == "function" ? (t) => c(t, e) : (e) => e === d - 1 ? 0 : e + c));
-	}, y = (e) => {
-		l !== null && p(typeof l == "function" ? (t) => l(t, e) : (t) => t === d - 1 ? t : (e.preventDefault(), t === 0 ? t + l + 1 : t + l));
-	}, b = (e) => {
-		o !== null && (e.preventDefault(), p(typeof o == "function" ? (t) => o(t, e) : (e) => e + o));
-	}, x = (e) => {
-		s !== null && (e.preventDefault(), p(typeof s == "function" ? (t) => s(t, e) : (e) => e + s));
-	}, S = useCallback((n) => {
-		switch (n.key) {
-			case ARROW_DOWN.code:
-				h(n);
-				break;
-			case ARROW_UP.code:
-				g(n);
-				break;
-			case ARROW_LEFT.code:
-				_(n);
-				break;
-			case ARROW_RIGHT.code:
-				v(n);
-				break;
-			case TAB.code:
-				y(n);
-				break;
-			case PAGE_DOWN.code:
-				b(n);
-				break;
-			case PAGE_UP.code:
-				x(n);
-				break;
-			default:
-		}
-	}, [
-		d,
-		p,
-		i,
-		u,
-		a,
-		c,
-		l,
-		s,
-		o
-	]);
-	return useEffect(() => {
-		let e = m.current;
-		return e && e.addEventListener("keydown", S, !1), () => {
-			e?.removeEventListener("keydown", S, !1);
-		};
-	}, [S, m]), [
-		f,
-		p,
-		m
-	];
-};
-export { useRoveFocus };

package/dist/esm/lib/hooks/useScrollBlock/useScrollBlock.js

@@ -1,59 +0,0 @@
-import { getFirstScrollableElement } from "./utils/useScrollBlock.utils.js";
-import { useCallback, useRef } from "react";
-const useScrollBlock = () => {
-	let r = useRef([]), i = useCallback((e) => {
-		let t = e.target;
-		t instanceof Node && !r.current.some((e) => e?.contains(t)) && e.preventDefault();
-	}, []), a = useCallback((t) => {
-		let n = t.target;
-		!(n instanceof Element) || getFirstScrollableElement({
-			element: n,
-			parentsToStop: r.current
-		}) || t.preventDefault();
-	}, []), o = useCallback((t) => {
-		let n = t.target;
-		if (!(n instanceof Element)) return;
-		let i = getFirstScrollableElement({
-			element: n,
-			parentsToStop: r.current
-		});
-		if (!i) return;
-		let { scrollHeight: a, scrollTop: o } = i, s = null;
-		if (i instanceof HTMLElement && (s = i.offsetHeight), o <= 0) {
-			i.scrollTo(0, 1);
-			return;
-		}
-		s !== null && o + s >= a && i.scrollTo(0, a - s - 1);
-	}, []), s = useCallback(({ elementsToOmit: e = [] } = {}) => {
-		if (typeof document > "u") return;
-		let t = document.documentElement, { body: n } = document;
-		if (!n || !n.style) return;
-		let s = n.getAttribute("data-scroll-blocked");
-		if (s) {
-			let e = Number(s) + 1;
-			n.setAttribute("data-scroll-blocked", String(e));
-		} else n.setAttribute("data-scroll-blocked", "1");
-		r.current = e, r.current.forEach((e) => {
-			e?.addEventListener("touchmove", a, { passive: !1 }), e?.addEventListener("touchstart", o);
-		}), document.addEventListener("touchmove", i, { passive: !1 });
-		let c = window.innerWidth - t.clientWidth, l = parseInt(window.getComputedStyle(n).getPropertyValue("padding-right"), 10) || 0;
-		n.style.position = "relative", n.style.overflow = "hidden", n.style.paddingRight = `${l + c}px`;
-	}, []);
-	return {
-		allowScroll: useCallback(() => {
-			if (typeof document > "u") return;
-			let { body: e } = document;
-			if (!e || !e.style) return;
-			let t = e.getAttribute("data-scroll-blocked"), n = !1;
-			if (t) {
-				let r = Number(t) - 1;
-				r === 0 ? e.removeAttribute("data-scroll-blocked") : (e.setAttribute("data-scroll-blocked", String(r)), n = !0);
-			}
-			r.current.forEach((e) => {
-				e?.removeEventListener("touchmove", a), e?.removeEventListener("touchstart", o);
-			}), document.removeEventListener("touchmove", i), !n && (e.style.position = "", e.style.overflow = "", e.style.paddingRight = "");
-		}, []),
-		blockScroll: s
-	};
-};
-export { useScrollBlock };

package/dist/esm/lib/hooks/useScrollBlock/utils/useScrollBlock.utils.js

@@ -1,5 +0,0 @@
-const isElementScrollable = (e) => e.scrollHeight > e.clientHeight, getFirstScrollableElement = ({ element: t, parentsToStop: n }) => t && n.some((e) => e?.contains(t)) ? isElementScrollable(t) ? t : getFirstScrollableElement({
-	element: t.parentElement,
-	parentsToStop: n
-}) : null;
-export { getFirstScrollableElement };

package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.js

@@ -1,20 +0,0 @@
-import { hasScroll } from "../../utils/scroll/hasScroll.js";
-import { useCallback, useRef, useState } from "react";
-const useScrollDetection = ({ autoFocus: n = !1 } = {}) => {
-	let [r, i] = useState(!1), a = useRef(void 0), o = useRef(!1);
-	return {
-		handleScrollDetection: useCallback((e) => {
-			if (e) {
-				let t = (e) => {
-					let t = hasScroll(e);
-					i(t), n && t && !o.current && (e.focus(), o.current = !0);
-				};
-				t(e), a.current = new ResizeObserver(() => {
-					t(e);
-				}), a.current.observe(e);
-			} else a.current?.disconnect();
-		}, [n]),
-		hasScroll: r
-	};
-};
-export { useScrollDetection };

package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.js

@@ -1,65 +0,0 @@
-import { scrollPercentage } from "./utils/scrollPercentage.js";
-import { useCallback, useEffect, useRef } from "react";
-var MAX_PERCENTAGE = 100, proportionLimit = 1.25;
-const useScrollEffect = ({ conditional: r = !0, scrollCallback: i, shadowStyles: a, shadowVisible: o = 1 }) => {
-	let s = useRef(null), c = useRef(null), l = useRef(null), u = useRef(0), d = useRef(0), f = useRef(null), p = useRef(null), m = useRef(null), h = useCallback(() => {
-		if (!r || !s.current) return;
-		let t = scrollPercentage(s.current, proportionLimit);
-		if (c.current && u.current > 0) {
-			let e = t * u.current / MAX_PERCENTAGE, n = t * d.current / MAX_PERCENTAGE;
-			[
-				{
-					cssPropertyName: "min-height",
-					cssPropertyValue: `calc(${u.current}px - ${e}px)`
-				},
-				{
-					cssPropertyName: "height",
-					cssPropertyValue: `calc(${u.current}px - ${e}px)`
-				},
-				{
-					cssPropertyName: "min-width",
-					cssPropertyValue: `calc(${d.current}px - ${n}px)`
-				},
-				{
-					cssPropertyName: "width",
-					cssPropertyValue: `calc(${d.current}px - ${n}px)`
-				}
-			].forEach(({ cssPropertyName: e, cssPropertyValue: t }) => {
-				c.current?.style.setProperty(e, t);
-			});
-		}
-		if (l.current && a) {
-			let e = a.split(" ");
-			t > o ? l.current.classList.add(...e) : l.current.classList.remove(...e);
-		}
-	}, [
-		r,
-		a,
-		o
-	]), g = useCallback((e) => {
-		f.current !== null && cancelAnimationFrame(f.current), f.current = requestAnimationFrame(() => {
-			h(), i?.(e), f.current = null;
-		});
-	}, [h, i]);
-	useEffect(() => {
-		p.current = g;
-	}, [g]);
-	let _ = useCallback((e) => {
-		s.current && p.current && s.current.removeEventListener("scroll", p.current), s.current = e, e && p.current && (e.addEventListener("scroll", p.current), h());
-	}, [h]), v = useCallback((e) => {
-		let t = () => {
-			c.current && (u.current = c.current.clientHeight, d.current = c.current.clientWidth);
-		};
-		c.current && m.current && c.current.removeEventListener("load", m.current), m.current = t, c.current = e, e && (e.addEventListener("load", t), t());
-	}, []), y = useCallback((e) => {
-		l.current = e;
-	}, []);
-	return useEffect(() => () => {
-		f.current !== null && cancelAnimationFrame(f.current), s.current && p.current && s.current.removeEventListener("scroll", p.current), c.current && m.current && c.current.removeEventListener("load", m.current);
-	}, []), {
-		resizeRef: v,
-		scrollableRef: _,
-		shadowRef: y
-	};
-};
-export { useScrollEffect };

package/dist/esm/lib/hooks/useScrollEffect/utils/scrollPercentage.js

@@ -1,9 +0,0 @@
-const scrollPercentage = (e, t = 1) => {
-	let { clientHeight: n, scrollHeight: r, scrollTop: i } = e;
-	if (r > n) {
-		let e = r - n, a = r / n;
-		return (a > t ? i * a : i / (a * 2)) * 100 / e;
-	}
-	return 0;
-};
-export { scrollPercentage };

package/dist/esm/lib/hooks/useSwipeDown/useSwipeDown.js

@@ -1,28 +0,0 @@
-import { useCallback, useRef } from "react";
-var DISTANCE_TO_TRIGGER_CLOSE = 30;
-const useSwipeDown = ({ handleClose: r }) => {
-	let i = useRef(null), a = useRef(null), o = useRef(!1), s = useRef(""), c = useRef(0), l = useRef(null), u = useCallback((e) => {
-		i.current = e;
-	}, []);
-	return {
-		setDragIconRef: useCallback((e) => {
-			if (l.current &&= (l.current(), null), a.current = e, e) {
-				let t = (e) => "touches" in e ? (e.touches[0] || e.changedTouches[0])?.clientY || 0 : e.clientY, a = (e) => {
-					!o.current || !i.current || (o.current = !1, t(e) - c.current > DISTANCE_TO_TRIGGER_CLOSE ? r?.() : i.current.style.bottom = s.current);
-				}, u = (e) => {
-					if (!o.current || !i.current) return;
-					e.preventDefault();
-					let n = t(e) - c.current;
-					n > 0 && (i.current.style.bottom = `-${n}px`);
-				}, d = (e) => {
-					o.current || !i.current || (e.preventDefault(), o.current = !0, c.current = t(e), s.current = window.getComputedStyle(i.current).bottom, document.addEventListener("mousemove", u, { passive: !1 }), document.addEventListener("mouseup", a, { passive: !1 }), document.addEventListener("touchmove", u, { passive: !1 }), document.addEventListener("touchend", a, { passive: !1 }));
-				};
-				e.addEventListener("mousedown", d, { passive: !1 }), e.addEventListener("touchstart", d, { passive: !1 }), l.current = () => {
-					e.removeEventListener("mousedown", d), e.removeEventListener("touchstart", d), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", a), document.removeEventListener("touchmove", u), document.removeEventListener("touchend", a), o.current = !1;
-				};
-			}
-		}, [r]),
-		setPopoverRef: u
-	};
-};
-export { useSwipeDown };

package/dist/esm/lib/hooks/useSwipeDown/utils/convertDurationToNumber.js

@@ -1,7 +0,0 @@
-const convertDurationToNumber = (e) => {
-	if (!e) return 0;
-	if (typeof e == "number") return e;
-	let t = Number(e.replace("ms", "").replace("s", ""));
-	return e.includes("s") && !e.includes("ms") ? t * 1e3 : t;
-};
-export { convertDurationToNumber };