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

package/dist/esm/components/pagination/fragments/paginationButtonControl.js

@@ -1,19 +0,0 @@
-import { classNames } from "../../../lib/utils/classNames/classNames.js";
-import { ElementOrIcon } from "../../../lib/components/elementOrIcon/elementOrIcon.js";
-import { jsx } from "react/jsx-runtime";
-const PaginationButtonControl = ({ cssClasses: t, disabled: n, paginationButtonControl: r, position: i = "left" }) => {
-	let a = (e) => {
-		n || r?.onClick?.(e);
-	}, o = { "data-state": n ? "disabled" : "" };
-	return /* @__PURE__ */ jsx(ElementOrIcon, {
-		altText: r?.ariaLabel,
-		"aria-controls": r?.ariaControls,
-		"aria-label": r?.ariaLabel,
-		className: classNames({ [`${t?.paginationleftarrowicon}`]: i === "left" }, { [`${t?.paginationrightarrowicon}`]: i === "right" }),
-		customAttributes: o,
-		disabled: n,
-		icon: r?.icon,
-		onClick: a
-	});
-};
-export { PaginationButtonControl };

package/dist/esm/components/pagination/helpers/adjustMaxCountersNumber.js

@@ -1,6 +0,0 @@
-var DEFAULT_MAX_COUNTERS_NUMBER = 5;
-const adjustMaxCountersNumber = ({ maxStepsNumber: e, propMaxCountersNumber: t }) => {
-	let n;
-	return e <= 3 ? (n = e, n) : (n = t || DEFAULT_MAX_COUNTERS_NUMBER, e > 3 && n <= 2 && (n = 3), n = Math.min(e, n), n);
-};
-export { adjustMaxCountersNumber };

package/dist/esm/components/pagination/helpers/getMaxCountersNumber.js

@@ -1,20 +0,0 @@
-var buildBeforeCounters = (e, t) => [...Array(e)].map((n, r) => t - (e - r)), buildAfterCounters = (e, t) => [...Array(e)].map((e, n) => t + 1 + n);
-const buildstepsNumber = (n, r, i) => {
-	let a = i, o = [], s = [], c = [], l, u = n + 1;
-	u >= i && r !== i && (o = [1, "..."], a--), (r + 1 - u >= i || u < i && r - i >= 1) && r !== i && (s = ["...", r], a--);
-	let d = u <= a, f = Math.abs(r - u) < a;
-	if (d) u = 1, l = buildAfterCounters(a - 1, u);
-	else if (f) u = r - a + 1, l = buildAfterCounters(a - 1, u);
-	else {
-		let n = (a - 1) / 2, r = Math.floor(n), i = Math.ceil(n);
-		c = buildBeforeCounters(r, u), l = buildAfterCounters(i, u);
-	}
-	return [
-		...o,
-		...c,
-		u,
-		...l,
-		...s
-	];
-};
-export { buildstepsNumber };

package/dist/esm/components/pagination/index.js

@@ -1 +0,0 @@
-export {  Pagination  } from './pagination.js';

package/dist/esm/components/pagination/pagination.js

@@ -1,26 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { adjustMaxCountersNumber } from "./helpers/adjustMaxCountersNumber.js";
-import { buildstepsNumber } from "./helpers/getMaxCountersNumber.js";
-import { PaginationStandAlone } from "./paginationStandAlone.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-const Pagination = forwardRef(({ additionalClasses: e, currentStep: t, maxCountersNumber: n, maxStepsNumber: r, variant: i, ...a }, o) => {
-	let s = useClassName({
-		additionalClassNames: e,
-		component: "PAGINATION",
-		variant: i
-	}), c = Math.max(0, Math.min(t, r - 1)), l = buildstepsNumber(c, r, adjustMaxCountersNumber({
-		maxStepsNumber: r,
-		propMaxCountersNumber: n
-	})), u = l.indexOf(c + 1);
-	return /* @__PURE__ */ jsx(PaginationStandAlone, {
-		ref: o,
-		cssClasses: s,
-		leftDisabled: c === 0,
-		rightDisabled: c === r - 1,
-		stepActive: u,
-		stepsNumber: l,
-		...a
-	});
-});
-export { Pagination };

package/dist/esm/components/pagination/paginationStandAlone.js

@@ -1,52 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { CustomComponent } from "../../lib/components/customComponent/customComponent.js";
-import { Text } from "../text/text2.js";
-import { STATES } from "../../lib/types/states/states.js";
-import { PaginationButtonControl } from "./fragments/paginationButtonControl.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const PaginationStandAlone = forwardRef(({ cssClasses: t, leftDisabled: r, onStepClick: i, paginationLeftButtonControl: a, paginationRightButtonControl: o, rightDisabled: s, stepActive: c, stepsNumber: l, ...u }, d) => {
-	let f = u["data-testid"] || "pagination";
-	return /* @__PURE__ */ jsxs("div", {
-		ref: d,
-		className: t?.pagination,
-		"data-testid": f,
-		children: [
-			/* @__PURE__ */ jsx(PaginationButtonControl, {
-				cssClasses: t,
-				disabled: r,
-				paginationButtonControl: a
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: t?.pagescontainer,
-				"data-testid": `${f}-steps-content`,
-				children: l.map((e, n) => {
-					let r = c === n ? STATES.SELECTED : STATES.DEFAULT, a = typeof e == "number", o = {
-						"data-clickable": a,
-						"data-state": r
-					}, s = pickCustomAttributes(u);
-					return /* @__PURE__ */ jsx(CustomComponent, {
-						className: t?.pagecontainer,
-						component: a ? "button" : void 0,
-						type: a ? "button" : void 0,
-						onClick: a ? i?.(e - 1) : void 0,
-						...s,
-						children: /* @__PURE__ */ jsx(Text, {
-							additionalClasses: { text: t?.page },
-							component: "span",
-							customAttributes: o,
-							children: e
-						})
-					}, `PaginationContent-${e}-${n.toString()}`);
-				})
-			}),
-			/* @__PURE__ */ jsx(PaginationButtonControl, {
-				cssClasses: t,
-				disabled: s,
-				paginationButtonControl: o,
-				position: "right"
-			})
-		]
-	});
-});
-export { PaginationStandAlone };

package/dist/esm/components/popover/animations/spring.animations.js

@@ -1,52 +0,0 @@
-import { getPositioningTransforms } from "../utils/animation.utils.js";
-const generateSpringKeyframes = (t, n = 300, r = 20, i = 1, a = 20, o = 20, s) => {
-	let c = Math.sqrt(n / i), l = r / (2 * Math.sqrt(n * i)), u = (e) => {
-		if (l < 1) {
-			let t = c * Math.sqrt(1 - l * l), n = a, r = l * c * a / t;
-			return Math.exp(-l * c * e) * (n * Math.cos(t * e) + r * Math.sin(t * e));
-		}
-		if (l === 1) return a * Math.exp(-c * e) * (1 + c * e);
-		let t = Math.sqrt(l * l - 1), n = -c * (l + t), r = -c * (l - t), i = a * r / (r - n), o = -a * n / (r - n);
-		return i * Math.exp(n * e) + o * Math.exp(r * e);
-	}, d = [];
-	for (let e = 0; e <= o; e++) {
-		let t = e / o * 1, n = e / o * 100, r = u(t);
-		d.push({
-			displacement: r,
-			time: n
-		});
-	}
-	let f = (e) => {
-		if (e === 0) return t === "up" || t === "down" ? "translateY(0)" : "translateX(0)";
-		switch (t) {
-			case "up": return `translateY(${-e}px)`;
-			case "down": return `translateY(${e}px)`;
-			case "left": return `translateX(${-e}px)`;
-			case "right": return `translateX(${e}px)`;
-			case "fade": {
-				let t = 1 + e / a * .1;
-				return `scale(${Math.max(.9, Math.min(1.1, t))})`;
-			}
-			default: return "translateY(0)";
-		}
-	}, p = (t) => {
-		let n = s ? getPositioningTransforms(s) : "", r = f(t);
-		return n ? `${n} ${r}` : r;
-	};
-	return d.map((e) => {
-		let n = p(e.displacement), r = t === "fade" ? Math.max(0, Math.min(1, 1 - Math.abs(e.displacement) / a * .3)) : 1;
-		return `${e.time.toFixed(1)}% {
-    opacity: ${r.toFixed(3)};
-    transform: ${n};
-  }`;
-	}).join("\n  ");
-}, generateSpringKeyframesRule = (e, n, r = 300, i = 20, a = 1, o = 20, s = 20, c) => `@keyframes ${e} {
-  ${generateSpringKeyframes(n, r, i, a, o, s, c)}
-}`, createSpringAnimation = (e, n = {}) => {
-	let { damping: r = 20, duration: i = "800ms", initialDisplacement: a = 20, keyframeCount: o = 20, mass: s = 1, placement: c, stiffness: l = 300 } = n;
-	return {
-		duration: i,
-		keyframesCSS: generateSpringKeyframes(e, l, r, s, a, o, c)
-	};
-};
-export { createSpringAnimation, generateSpringKeyframes, generateSpringKeyframesRule };

package/dist/esm/components/popover/hooks/positioning/arrowPositionStyles.js

@@ -1,18 +0,0 @@
-import { ArrowPositions } from "./types.js";
-const updateArrowStyles = ({ arrowElement: t, arrowX: n, arrowY: r, offset: i = "0px", placement: a }) => {
-	if (!t) return;
-	t.setAttribute("data-kbt-placement", a), t.style.top = "", t.style.right = "", t.style.bottom = "", t.style.left = "";
-	let o = a.split("-")[0], s = ArrowPositions[o];
-	t.style[s] = i, o === "top" || o === "bottom" ? n == null ? (t.style.left = "50%", t.style.transform = "translateX(-50%) rotate(45deg)") : (t.style.left = `${n}px`, t.style.transform = "rotate(45deg)") : r == null ? (t.style.top = "50%", t.style.transform = "translateY(-50%) rotate(45deg)") : (t.style.top = `${r}px`, t.style.transform = "rotate(45deg)");
-}, positionArrow = (e, n, r, i, a, o) => {
-	if (!e || !r.arrow || !n) return;
-	let { x: s, y: c } = r.arrow, l = `-${Math.floor(o / 2)}px`;
-	a && a[0] !== void 0 && (l = `${-Math.abs(a[0] / 4)}px`), updateArrowStyles({
-		arrowElement: n,
-		arrowX: s,
-		arrowY: c,
-		offset: l,
-		placement: i
-	});
-};
-export { positionArrow };

package/dist/esm/components/popover/hooks/positioning/middlewareUtils.js

@@ -1,38 +0,0 @@
-import { getPlacementDirection } from "../../utils/placement.utils.js";
-import { arrow, flip, hide, offset, shift } from "@floating-ui/dom";
-var createBodyAnchorMiddlewares = (t, n) => {
-	let r = getPlacementDirection(t), o = [];
-	return r === "center" ? o.push(shift({
-		crossAxis: !0,
-		mainAxis: !0,
-		padding: n
-	})) : r.startsWith("right") || r.startsWith("left") ? o.push(offset({
-		alignmentAxis: 0,
-		mainAxis: 0
-	})) : (r.startsWith("bottom") || r.startsWith("top")) && o.push(offset({ mainAxis: 0 })), o;
-}, createElementAnchorMiddlewares = (e, t, r) => {
-	let o = [];
-	return o.push(offset({
-		crossAxis: t?.[1] || 0,
-		mainAxis: e
-	})), o.push(flip({
-		fallbackAxisSideDirection: "start",
-		padding: r
-	})), o.push(shift({ padding: r })), o;
-}, addConditionalMiddlewares = ({ arrowElement: e, edgePadding: n, hideWhenDetached: i, isBodyAnchor: a, middlewareStack: o }) => {
-	!a && i && o.push(hide()), e && o.push(arrow({
-		element: e,
-		padding: n
-	}));
-};
-const getMiddlewareStack = ({ arrowElement: e, customMiddlewares: t, edgePadding: n, hideWhenDetached: r, isBodyAnchor: i, mainAxisOffset: a, offsetDistance: s, placement: c }) => {
-	let l;
-	return l = t?.length ? [...t] : i ? createBodyAnchorMiddlewares(c, n) : createElementAnchorMiddlewares(a, s, n), addConditionalMiddlewares({
-		arrowElement: e,
-		edgePadding: n,
-		hideWhenDetached: r,
-		isBodyAnchor: i,
-		middlewareStack: l
-	}), l;
-}, calculateMainAxisOffset = ({ arrowSize: e, hasArrow: t, offsetDistance: n }) => typeof n?.[0] == "number" ? n[0] : t ? e : 0;
-export { calculateMainAxisOffset, getMiddlewareStack };

package/dist/esm/components/popover/hooks/positioning/positionCalculation.js

@@ -1,17 +0,0 @@
-const determinePositioningConfig = (e, t, n) => {
-	if (e) {
-		let e = "fixed";
-		return n ? {
-			actualPlacement: n,
-			autoStrategy: e
-		} : {
-			actualPlacement: "center",
-			autoStrategy: e
-		};
-	}
-	return {
-		actualPlacement: n || "top",
-		autoStrategy: t
-	};
-};
-export { determinePositioningConfig };

package/dist/esm/components/popover/hooks/positioning/positionStyles.js

@@ -1,198 +0,0 @@
-import { DEFAULT_PLACEMENT } from "../../types/animation.js";
-const getPositionStyles = ({ edgePadding: t = 0, isBodyAnchor: n = !0, placement: r = DEFAULT_PLACEMENT, strategy: i, useFloatingUICoordinates: a = !1, x: o = 0, y: s = 0 }) => {
-	if (!n) return {
-		bottom: "auto",
-		boxSizing: "border-box",
-		left: `${o}px`,
-		position: i,
-		right: "auto",
-		top: `${s}px`,
-		transform: "",
-		transformOrigin: ""
-	};
-	if (a) return {
-		bottom: "auto",
-		boxSizing: "border-box",
-		left: `${o}px`,
-		position: "fixed",
-		right: "auto",
-		top: `${s}px`,
-		transformOrigin: "center bottom"
-	};
-	let c = {
-		bottom: {
-			bottom: `${t}px`,
-			boxSizing: "border-box",
-			left: "50%",
-			position: "fixed",
-			right: "auto",
-			top: "auto",
-			transform: "translateX(-50%)",
-			transformOrigin: "center bottom"
-		},
-		"bottom-end": {
-			bottom: `${t}px`,
-			boxSizing: "border-box",
-			left: "auto",
-			position: "fixed",
-			right: `${t}px`,
-			top: "auto",
-			transform: "none",
-			transformOrigin: "right bottom"
-		},
-		"bottom-start": {
-			bottom: `${t}px`,
-			boxSizing: "border-box",
-			left: `${t}px`,
-			position: "fixed",
-			right: "auto",
-			top: "auto",
-			transform: "none",
-			transformOrigin: "left bottom"
-		},
-		center: {
-			bottom: "auto",
-			boxSizing: "border-box",
-			left: "50%",
-			position: "fixed",
-			right: "auto",
-			top: "50%",
-			transform: "translate(-50%, -50%)",
-			transformOrigin: "center center"
-		},
-		defaultStyle: {
-			bottom: "auto",
-			boxSizing: "border-box",
-			left: `${o}px`,
-			position: i,
-			right: "auto",
-			top: `${s}px`
-		},
-		left: {
-			bottom: "auto",
-			boxSizing: "border-box",
-			display: "flex",
-			flexDirection: "column",
-			left: `${t}px`,
-			position: "fixed",
-			right: "auto",
-			top: "50%",
-			transform: "translateY(-50%)",
-			transformOrigin: "left center"
-		},
-		"left-end": {
-			bottom: `${t}px`,
-			boxSizing: "border-box",
-			display: "flex",
-			flexDirection: "column",
-			left: `${t}px`,
-			position: "fixed",
-			right: "auto",
-			top: "auto",
-			transform: "none",
-			transformOrigin: "left bottom"
-		},
-		"left-start": {
-			bottom: "auto",
-			boxSizing: "border-box",
-			display: "flex",
-			flexDirection: "column",
-			left: `${t}px`,
-			position: "fixed",
-			right: "auto",
-			top: `${t}px`,
-			transform: "none",
-			transformOrigin: "left top"
-		},
-		right: {
-			bottom: "auto",
-			boxSizing: "border-box",
-			display: "flex",
-			flexDirection: "column",
-			left: "auto",
-			position: "fixed",
-			right: `${t}px`,
-			top: "50%",
-			transform: "translateY(-50%)",
-			transformOrigin: "right center"
-		},
-		"right-end": {
-			bottom: `${t}px`,
-			boxSizing: "border-box",
-			display: "flex",
-			flexDirection: "column",
-			left: "auto",
-			position: "fixed",
-			right: `${t}px`,
-			top: "auto",
-			transform: "none",
-			transformOrigin: "right bottom"
-		},
-		"right-start": {
-			bottom: "auto",
-			boxSizing: "border-box",
-			display: "flex",
-			flexDirection: "column",
-			left: "auto",
-			position: "fixed",
-			right: `${t}px`,
-			top: `${t}px`,
-			transform: "none",
-			transformOrigin: "right top"
-		},
-		top: {
-			bottom: "auto",
-			boxSizing: "border-box",
-			left: "50%",
-			position: "fixed",
-			right: "auto",
-			top: `${t}px`,
-			transform: "translateX(-50%)",
-			transformOrigin: "center top"
-		},
-		"top-end": {
-			bottom: "auto",
-			boxSizing: "border-box",
-			left: "auto",
-			position: "fixed",
-			right: `${t}px`,
-			top: `${t}px`,
-			transform: "none",
-			transformOrigin: "right top"
-		},
-		"top-start": {
-			bottom: "auto",
-			boxSizing: "border-box",
-			left: `${t}px`,
-			position: "fixed",
-			right: "auto",
-			top: `${t}px`,
-			transform: "none",
-			transformOrigin: "left top"
-		}
-	};
-	return c[r] || c.defaultStyle;
-}, applyPositionStyles = ({ edgePadding: e = 0, hasCustomMiddlewares: n = !1, isBodyAnchor: r, middlewareStack: i = [], placement: a, ref: o, strategy: s, x: c = 0, y: l = 0 }) => {
-	if (o?.current) if (r ? o.current.setAttribute("data-kbt-placement", a || "center") : o.current.setAttribute("data-kbt-placement", o.current.getAttribute("data-kbt-placement") || a || "bottom"), r) {
-		let r = i.some((e) => e.name === "body-auto-centering"), u = getPositionStyles({
-			edgePadding: e,
-			placement: a,
-			strategy: s,
-			useFloatingUICoordinates: n || r,
-			x: c,
-			y: l
-		});
-		Object.assign(o.current.style, u);
-	} else {
-		let n = getPositionStyles({
-			edgePadding: e,
-			isBodyAnchor: !1,
-			placement: a,
-			strategy: s,
-			x: c,
-			y: l
-		});
-		Object.assign(o.current.style, n);
-	}
-};
-export { applyPositionStyles };

package/dist/esm/components/popover/hooks/positioning/types.js

@@ -1,7 +0,0 @@
-const ArrowPositions = {
-	bottom: "top",
-	left: "right",
-	right: "left",
-	top: "bottom"
-};
-export { ArrowPositions };

package/dist/esm/components/popover/hooks/usePopoverInteractions.js

@@ -1,31 +0,0 @@
-import { ESCAPE } from "../../../lib/constants/keyboardKeys/keyboardKeys.js";
-import { isKeyPressed } from "../../../lib/utils/keyboard/keyboard.js";
-import { useClickOutside } from "../../../lib/hooks/useClickOutside/useClickOutside.js";
-import { useCallback, useEffect, useMemo } from "react";
-const usePopoverInteractions = ({ disableClickOverlayClose: r = !1, disableEscapeClose: i = !1, isVisible: a, onClose: o, popoverRef: s, preventCloseOnClickElements: c = [] }) => {
-	let l = useMemo(() => c.filter(Boolean), [c]), u = useCallback((e) => {
-		if (!a || r) return;
-		let t = e.target;
-		s.current?.contains(t) || l.some((e) => e.contains(t)) || o?.();
-	}, [
-		a,
-		r,
-		s,
-		l,
-		o
-	]);
-	return useClickOutside(s, u, l), useEffect(() => {
-		if (!a) return;
-		let n = (n) => {
-			isKeyPressed(n.key, ...ESCAPE.key) && (n.preventDefault(), n.stopPropagation(), i || o?.());
-		};
-		return document.addEventListener("keydown", n), () => {
-			document.removeEventListener("keydown", n);
-		};
-	}, [
-		i,
-		a,
-		o
-	]), { handleClickOutside: u };
-};
-export { usePopoverInteractions };

package/dist/esm/components/popover/hooks/usePopoverLifecycle.js

@@ -1,61 +0,0 @@
-import { useScrollBlock } from "../../../lib/hooks/useScrollBlock/useScrollBlock.js";
-import { syncInnerAndForwardedRef } from "../../../lib/utils/refs/syncRefs.js";
-import { focusFirstDescendant } from "../../../lib/utils/focusHandlers/focusHandlers.js";
-import { convertDurationToNumber } from "../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.js";
-import { useCallback, useEffect, useRef, useState } from "react";
-const usePopoverLifecycle = ({ animationExitDuration: t = 200, disableAnimations: n, disableAutoFocusFirstDescendant: r = !1, disableAutoFocusFirstDescendantAfterClose: i = !0, disableRestoreFocusAfterClose: a = !1, disableScrollBackground: o = !1, open: s = !1, popoverContainerRef: c, preventScrollOnCloseFocus: l = !1 }) => {
-	let u = useRef(null), d = useRef(!1), f = useRef(null), p = useRef(null), [m, h] = useState(s), [g, _] = useState(!1), v = convertDurationToNumber(t), { allowScroll: y, blockScroll: b } = useScrollBlock(), x = useCallback(() => {
-		!r && u.current && focusFirstDescendant({
-			element: u.current,
-			preventScroll: !0
-		});
-	}, [r]), S = useCallback(() => {
-		if (!a) {
-			p.current?.focus({ preventScroll: l });
-			return;
-		}
-		i || focusFirstDescendant({ element: document.body });
-	}, [
-		a,
-		l,
-		i
-	]);
-	useEffect(() => {
-		s && (p.current = document.activeElement, h(!0), _(!1));
-	}, [s]), useEffect(() => (!s && m && (n ? (S(), h(!1), _(!1)) : (_(!0), f.current = window.setTimeout(() => {
-		S(), h(!1), _(!1);
-	}, v))), () => {
-		f.current !== null && (window.clearTimeout(f.current), f.current = null);
-	}), [
-		s,
-		m,
-		n,
-		v,
-		S
-	]);
-	let C = useCallback((e) => {
-		u.current = e, x(), o && !d.current && (d.current = !0, b({ elementsToOmit: [u.current] }));
-	}, [
-		b,
-		x,
-		o
-	]), w = useCallback(() => {
-		d.current && y(), u.current = null;
-	}, [y]);
-	return {
-		handleInnerRef: useCallback((e) => {
-			e ? C(e) : w(), syncInnerAndForwardedRef({
-				forwardedRef: c,
-				innerRef: u
-			});
-		}, [
-			c,
-			w,
-			C
-		]),
-		isClosing: g,
-		isVisible: m,
-		popoverRef: u
-	};
-};
-export { usePopoverLifecycle };

package/dist/esm/components/popover/hooks/usePopoverPositioning.js

@@ -1,126 +0,0 @@
-import { positionArrow } from "./positioning/arrowPositionStyles.js";
-import { calculateMainAxisOffset, getMiddlewareStack } from "./positioning/middlewareUtils.js";
-import { determinePositioningConfig } from "./positioning/positionCalculation.js";
-import { applyPositionStyles } from "./positioning/positionStyles.js";
-import { useCallback, useEffect, useRef } from "react";
-import { autoUpdate, computePosition } from "@floating-ui/dom";
-const usePopoverPositioning = ({ anchorElement: u, arrowStyles: d, isVisible: f, middlewareOptions: p = {}, middlewares: m = [], placement: h, ref: g, strategy: _ }) => {
-	let { edgePadding: v = 0, hideWhenDetached: y, offsetDistance: b } = p, x = useRef(document.body), S = useRef(null), C = useRef({
-		anchorElement: u,
-		arrowStyles: d,
-		isVisible: f,
-		middlewareOptions: {
-			edgePadding: v,
-			hideWhenDetached: y,
-			offsetDistance: b
-		},
-		middlewares: m,
-		placement: h,
-		ref: g,
-		strategy: _
-	});
-	useEffect(() => {
-		C.current = {
-			anchorElement: u,
-			arrowStyles: d,
-			isVisible: f,
-			middlewareOptions: {
-				edgePadding: v,
-				hideWhenDetached: y,
-				offsetDistance: b
-			},
-			middlewares: m,
-			placement: h,
-			ref: g,
-			strategy: _
-		};
-	}, [
-		u,
-		h,
-		b,
-		v,
-		y,
-		m,
-		_,
-		f,
-		g,
-		d
-	]);
-	let w = useCallback(() => g?.current && f && d ? (S.current = g.current.querySelector("[data-kbt-id=\"popover-arrow\"]"), S.current) : null, [
-		g,
-		f,
-		d
-	]);
-	useEffect(() => {
-		let e = () => {
-			!w() && f && d && g?.current && requestAnimationFrame(e);
-		};
-		e();
-	}, [
-		w,
-		f,
-		d
-	]);
-	let T = useCallback((e, t) => e && t?.current && document.body.contains(t.current), []), E = useCallback((t, n, r, a, o, s, c, l, u, f, p, m, h, g = [], _ = []) => {
-		t?.current && (applyPositionStyles({
-			edgePadding: c,
-			hasCustomMiddlewares: g.length > 0,
-			isBodyAnchor: n,
-			middlewareStack: _,
-			placement: r,
-			ref: t,
-			strategy: s,
-			x: a,
-			y: o
-		}), n || t.current.setAttribute("data-kbt-placement", f), positionArrow(!!d, l, u, f, p, m), h?.());
-	}, [d]), D = useCallback((e, r, i, a, o, s, c) => {
-		let l = calculateMainAxisOffset({
-			arrowSize: r,
-			hasArrow: !!d,
-			offsetDistance: e
-		}), u = S.current;
-		return {
-			arrowElement: u,
-			middlewareStack: getMiddlewareStack({
-				arrowElement: u,
-				customMiddlewares: s,
-				edgePadding: a,
-				hideWhenDetached: c?.hideWhenDetached,
-				isBodyAnchor: i,
-				mainAxisOffset: l,
-				offsetDistance: e,
-				placement: o
-			})
-		};
-	}, [d]), O = useCallback((e, t, n, r, i, a, o, s, c, l, u, d, f, p = [], m = []) => {
-		let h = t.hide?.referenceHidden || t.hide?.escaped;
-		e.current && (e.current.style.opacity = h ? "0" : "", e.current.style.pointerEvents = h ? "none" : ""), h || E(e, n, r, i, a, o, s, c, t, l, u, d, f, p, m);
-	}, [E]), k = useCallback(async () => {
-		let { anchorElement: e, arrowStyles: t, middlewareOptions: n, middlewares: i, onPositioned: a, placement: o, ref: s, strategy: c } = C.current, u = n?.offsetDistance, d = n?.edgePadding ?? 8, f = t?.size || 0, p = e || x.current;
-		if (!s?.current || !T(p, s)) return;
-		let m = p === document.body, { arrowElement: h, middlewareStack: g } = D(u, f, m, d, o, i, n || {}), { actualPlacement: _, autoStrategy: v } = determinePositioningConfig(m, c, o), { middlewareData: y, placement: b, x: S, y: w } = await computePosition(p, s.current, {
-			middleware: g,
-			placement: _ === "center" ? "top" : _,
-			strategy: v
-		});
-		O(s, y, m, _, S, w, c, d, h, b, u, f, a, i, g);
-	}, []);
-	useEffect(() => {
-		if (!f || !g?.current) return;
-		k();
-		let e = u ?? x.current, t = () => {};
-		return t = autoUpdate(e, g.current, k, {
-			ancestorResize: !0,
-			ancestorScroll: !0,
-			animationFrame: !1,
-			elementResize: !0
-		}), () => {
-			t();
-		};
-	}, [
-		f,
-		u,
-		k
-	]);
-};
-export { usePopoverPositioning };