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

package/dist/esm/components/calendar/selector/selector.js

@@ -1,89 +0,0 @@
-import { useUtilsProvider } from "../../../lib/provider/utilsProvider/utilsProvider.js";
-import { Text } from "../../text/text2.js";
-import { processIconProp } from "../../../lib/utils/process/processCommonProp.js";
-import { ElementOrIcon } from "../../../lib/components/elementOrIcon/elementOrIcon.js";
-import { Button } from "../../button/button.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-const Selector = ({ configAccesibility: a, configCalendar: o, cssClasses: s, currentDate: c, customBackText: l, maxDate: u, minDate: d, onDaySelectorClick: f, onLeftIconClick: p, onMonthSelectorClick: m, onRightIconClick: h, onYearSelectorClick: g, setCurrentDate: _, setShowDaySelector: v, setShowMonthSelector: y, setShowYearSelector: b, showDaySelector: x, showMonthSelector: S, showYearSelector: C, useDaySelector: w = !1 }) => {
-	let { dateHelpers: T, formatDate: E } = useUtilsProvider(), { leftArrowIcon: D, rightArrowIcon: O, sizeSelectorButton: k, variantSelectorButton: A } = o, j = (e) => {
-		_(e);
-	}, M = w, N = (S || C) && !M, P = (e) => e.charAt(0).toUpperCase() + e.slice(1), F = (e) => !N && e.getMonth() === c.getMonth() && e.getFullYear() === c.getFullYear(), I = (e, n, r, i) => {
-		let a = () => {
-			switch (e) {
-				case "day": return c.getDate();
-				case "month": return P(E(c, { month: "long" }));
-				case "year": return c.getFullYear();
-				default: return null;
-			}
-		}, o = (t) => {
-			v(e === "day"), y(e === "month"), b(e === "year"), e === "day" ? f?.(a()?.toString(), t) : e === "month" ? m?.(a()?.toString(), t) : g?.(a()?.toString(), t);
-		};
-		return /* @__PURE__ */ jsx(Button, {
-			additionalSizeClasses: k ? void 0 : s?.button_size,
-			additionalVariantClasses: A ? void 0 : s?.button_variant,
-			"aria-label": r,
-			disabled: n,
-			role: i,
-			size: k,
-			variant: A,
-			onClick: o,
-			children: /* @__PURE__ */ jsx(Text, {
-				component: "span",
-				children: a()
-			})
-		});
-	}, L = () => {
-		let e = new Date(c);
-		N ? b(!1) : j(T.getSubMonths(e, 1)), y(!1), v(!0);
-	}, R = () => {
-		j(T.getAddMonths(new Date(c), 1));
-	}, z = (e) => {
-		L(), processIconProp(D).onClick?.(e), p?.(e);
-	}, B = (e) => {
-		R(), processIconProp(O).onClick?.(e), h?.(e);
-	}, V = { "data-state": F(d) };
-	return /* @__PURE__ */ jsxs("div", {
-		className: s?.selectorcontainer,
-		style: { justifyContent: M ? "center" : "space-between" },
-		children: [
-			/* @__PURE__ */ jsxs("button", {
-				"aria-label": N ? "" : D["aria-label"],
-				className: s?.selectoriconandbacktextcontainer,
-				"data-testid": "previous-button",
-				type: "button",
-				onClick: z,
-				children: [/* @__PURE__ */ jsx(ElementOrIcon, {
-					className: s?.leftarrow,
-					customAttributes: V,
-					disabled: F(d),
-					...processIconProp(D),
-					"aria-label": void 0
-				}), N && /* @__PURE__ */ jsx(Text, {
-					additionalClasses: { text: s?.backtext },
-					component: "span",
-					children: l
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: s?.selectoroptionscontainer,
-				children: [
-					M && I("day", x, a?.daySelectorAriaLabel, a?.daySelectorRole),
-					I("month", S, a?.monthSelectorAriaLabel, a?.monthSelectorRole),
-					I("year", C, a?.yearSelectorAriaLabel, a?.yearSelectorRole)
-				]
-			}),
-			/* @__PURE__ */ jsx("span", {
-				style: { visibility: N ? "hidden" : "visible" },
-				children: /* @__PURE__ */ jsx(ElementOrIcon, {
-					className: s?.rightarrow,
-					customAttributes: V,
-					"data-testid": "next-button",
-					disabled: F(u),
-					onClick: B,
-					...processIconProp(O)
-				})
-			})
-		]
-	});
-};
-export { Selector };

package/dist/esm/components/calendar/selector/yearSelector/utils/yearSelector.utils.js

@@ -1,3 +0,0 @@
-var YEARS_IN_ROW = 4;
-const firstYear = (e) => e.findIndex((t) => t === e[0]), lastYear = (e) => e.findIndex((t) => t === e[e.length - 1]), keyLeftMove = (e) => (n) => n === firstYear(e) ? lastYear(e) : n - 1, keyRightMove = (e) => (n) => n === lastYear(e) ? firstYear(e) : n + 1, keyUpMove = (n) => (r) => r === firstYear(n) ? lastYear(n) : r <= YEARS_IN_ROW ? firstYear(n) : r - YEARS_IN_ROW, keyDownMove = (n) => (r) => r === lastYear(n) ? firstYear(n) : r >= lastYear(n) - YEARS_IN_ROW ? lastYear(n) : r + YEARS_IN_ROW, keyTabMove = (e) => e;
-export { keyDownMove, keyLeftMove, keyRightMove, keyTabMove, keyUpMove };

package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js

@@ -1,61 +0,0 @@
-import { pickCustomAttributes } from "../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { useUtilsProvider } from "../../../../lib/provider/utilsProvider/utilsProvider.js";
-import { CustomComponent } from "../../../../lib/components/customComponent/customComponent.js";
-import { Text } from "../../../text/text2.js";
-import { useRoveFocus } from "../../../../lib/hooks/useRoveFocus/useRoveFocus.js";
-import { getYearList } from "../../utils/getYearList.js";
-import { setYear } from "../../utils/setYear.js";
-import { keyDownMove, keyLeftMove, keyRightMove, keyTabMove, keyUpMove } from "./utils/yearSelector.utils.js";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-const YearSelector = ({ cssClasses: o, currentDate: s, maxDate: c, minDate: l, onYearClick: u, setCurrentDate: d, today: f, ...p }) => {
-	let { transformDate: m } = useUtilsProvider(), h = p["data-testid"], [g, , _] = useRoveFocus(useMemo(() => ({
-		currentFocusSelected: getYearList(l, c).indexOf(s ? s.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()),
-		keyDownMove: keyDownMove(getYearList(l, c)),
-		keyLeftMove: keyLeftMove(getYearList(l, c)),
-		keyRightMove: keyRightMove(getYearList(l, c)),
-		keyTabMove,
-		keyUpMove: keyUpMove(getYearList(l, c)),
-		size: getYearList(l, c).length
-	}), [
-		getYearList(l, c).length,
-		s,
-		l,
-		c
-	])), v = (e, t) => {
-		let n;
-		return n = e.getFullYear() === t ? "selected" : t === f.getFullYear() ? "current" : "default", n;
-	};
-	return /* @__PURE__ */ jsx("ul", {
-		ref: _,
-		className: o?.yearslist,
-		"data-testid": "tbody-years-list",
-		children: getYearList(l, c).map((t, r) => {
-			let i = v(s, t), a = { "data-state": i };
-			return /* @__PURE__ */ jsx("li", {
-				className: o?.yearlistitem,
-				...pickCustomAttributes(a),
-				children: /* @__PURE__ */ jsx(CustomComponent, {
-					"aria-label": String(t),
-					className: o?.yearelement,
-					component: "button",
-					focus: g === r,
-					index: r,
-					type: "button",
-					...pickCustomAttributes(a),
-					onSelectItem: () => {
-						d(m(setYear(new Date(s), t))), u?.(t.toString());
-					},
-					children: /* @__PURE__ */ jsx(Text, {
-						additionalClasses: { text: o?.year },
-						component: "span",
-						customAttributes: a,
-						"data-testid": h,
-						children: t
-					})
-				})
-			}, String(t));
-		})
-	});
-};
-export { YearSelector };

package/dist/esm/components/calendar/utils/getAllDaysInMonth.js

@@ -1,2 +0,0 @@
-const getAllDaysInMonth = (e, t) => Array.from({ length: new Date(t, e, 0).getDate() }, (n, r) => new Date(t, e - 1, r + 1));
-export { getAllDaysInMonth };

package/dist/esm/components/calendar/utils/getFirstDayOfMonth.js

@@ -1,2 +0,0 @@
-const getFirstDayOfMonth = (e, t) => new Date(e, t, 1).getDay();
-export { getFirstDayOfMonth };

package/dist/esm/components/calendar/utils/getState.js

@@ -1,7 +0,0 @@
-import { STATES } from "../../../lib/types/states/states.js";
-var NEUTRAL_DATE = "ddMMyyyy";
-const getStateDay = ({ dayFormatted: e, formatDate: t, hasRange: n, isGhostSelected: r, isSelectedToLeft: i, isSelectedToRight: a, selectedDate: o, today: s }) => {
-	let c = STATES.DEFAULT;
-	return i(e) ? c = STATES.END_DATE_RANGE : a(e) ? c = STATES.START_DATE_RANGE : r(e) ? c = STATES.MIDLE_DATE_RANGE : o[0] && e && !n && t(o[0], NEUTRAL_DATE) === t(e, NEUTRAL_DATE) ? c = STATES.SELECTED : e && s === t(e, NEUTRAL_DATE) && (c = STATES.CURRENT_DAY), c;
-};
-export { getStateDay };

package/dist/esm/components/calendar/utils/getYearList.js

@@ -1,6 +0,0 @@
-const getYearList = (e, t) => {
-	let n = t.getFullYear(), r = e.getFullYear(), i = [];
-	for (let e = n; e >= r; e--) i.push(e);
-	return i;
-};
-export { getYearList };

package/dist/esm/components/calendar/utils/groupDaysByWeeks.js

@@ -1,6 +0,0 @@
-const groupDaysByWeeks = (e) => {
-	let t = [];
-	for (let n = 0; n < e.length; n += 7) t.push(e.slice(n, n + 7));
-	return t;
-};
-export { groupDaysByWeeks };

package/dist/esm/components/calendar/utils/handleKeysmoves.js

@@ -1,10 +0,0 @@
-var ONE_DAY = 1, DAYS_PER_WEEK = 7, isSameMonthAndYear = (e, t) => e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
-const getFirstEmptyAndDisabledDays = (e, t, n) => isSameMonthAndYear(t, n) ? e.length + t.getDate() - 1 : e.length, getDaysAndEmptyDaysUntilMaxDate = (e, t, n) => isSameMonthAndYear(t, n) ? e.length + t.getDate() - 1 : e.length, handleKeyUpMove = ({ currentDate: e, dayList: n, daysAndEmptyDaysUntilMaxDate: r, firstEmptyAndDisabledDays: i, maxDate: a, minDate: o }) => (s) => isSameMonthAndYear(o, e) && s === i ? n.length - 1 : s === i ? isSameMonthAndYear(a, e) ? r : n.length - 1 : s <= i + 7 ? i : s - DAYS_PER_WEEK, handleKeyDownMove = ({ currentDate: e, dayList: n, daysAndEmptyDaysUntilMaxDate: r, firstEmptyAndDisabledDays: i, maxDate: a, minDate: o }) => (s) => {
-	if (isSameMonthAndYear(o, e) && s === n.length - 1) return i;
-	if (isSameMonthAndYear(a, e)) {
-		if (s === r) return i;
-		if (s + i + 1 >= a.getDate() - 7 && s !== r) return a.getDate() + i - 1;
-	}
-	return s === n.length - 1 ? i : s >= n.length - 7 ? n.length - 1 : s + DAYS_PER_WEEK;
-}, handleKeyLeftMove = ({ currentDate: t, dayList: n, daysAndEmptyDaysUntilMaxDate: r, firstEmptyAndDisabledDays: i, maxDate: a, minDate: o }) => (s) => s === i ? isSameMonthAndYear(o, t) ? n.length - 1 : isSameMonthAndYear(a, t) ? r : n.length - 1 : s - ONE_DAY, handleKeyRightMove = ({ currentDate: t, dayList: n, daysAndEmptyDaysUntilMaxDate: r, firstEmptyAndDisabledDays: i, maxDate: a, minDate: o }) => (s) => isSameMonthAndYear(o, t) && s === n.length - 1 || isSameMonthAndYear(a, t) && s === r || s === n.length - 1 ? i : s + ONE_DAY, handleKeyTabMove = (e) => e, handleKeyPageUpMove = ({ firstEmptyAndDisabledDays: e }) => () => e, handleKeyPageDownMove = ({ currentDate: e, dayList: t, daysAndEmptyDaysUntilMaxDate: n, maxDate: r }) => () => isSameMonthAndYear(r, e) ? n : t.length - 1;
-export { getDaysAndEmptyDaysUntilMaxDate, getFirstEmptyAndDisabledDays, handleKeyDownMove, handleKeyLeftMove, handleKeyPageDownMove, handleKeyPageUpMove, handleKeyRightMove, handleKeyTabMove, handleKeyUpMove };

package/dist/esm/components/calendar/utils/setMonth.js

@@ -1,2 +0,0 @@
-const setMonth = (e, t) => e.setMonth(t);
-export { setMonth };

package/dist/esm/components/calendar/utils/setYear.js

@@ -1,2 +0,0 @@
-const setYear = (e, t) => e.setFullYear(t);
-export { setYear };

package/dist/esm/components/card/card.js

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

package/dist/esm/components/card/cardStandAlone.js

@@ -1,43 +0,0 @@
-import { pickCustomAttributes } from "../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";
-import { Text } from "../text/text2.js";
-import { processTextProp } from "../../lib/utils/process/processCommonProp.js";
-import { forwardRef, isValidElement } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const CardStandAlone = forwardRef(({ content: t, cssClasses: n, footer: r, header: i, onClick: a, onMouseEnter: o, onMouseLeave: s, state: c, ...l }, u) => {
-	let d = { "data-state": c }, f = pickCustomAttributes(l), p = (e, t) => e ? isValidElement(e) ? /* @__PURE__ */ jsx("div", {
-		className: t,
-		children: e
-	}) : /* @__PURE__ */ jsx("div", {
-		className: t,
-		children: /* @__PURE__ */ jsx(Text, {
-			additionalClasses: { text: t },
-			...processTextProp(e)
-		})
-	}) : null, m = a ? {
-		onClick: a,
-		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a?.(e));
-		},
-		onMouseEnter: o,
-		onMouseLeave: s,
-		role: "button",
-		tabIndex: 0
-	} : {
-		onMouseEnter: o,
-		onMouseLeave: s
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		ref: u,
-		className: n?.card,
-		"data-testid": "card",
-		...d,
-		...f,
-		...m,
-		children: [
-			p(i, n?.header),
-			p(t, n?.content),
-			p(r, n?.footer)
-		]
-	});
-});
-export { CardStandAlone };

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

@@ -1,2 +0,0 @@
-export {  Card  } from './card.js';
-export {  CardStandAlone  } from './cardStandAlone.js';

package/dist/esm/components/carousel/carousel.js

@@ -1,54 +0,0 @@
-import { useClassName } from "../../lib/hooks/useClassName/useClassName.js";
-import { CarouselStandAlone } from "./carouselStandAlone.js";
-import { useCarousel } from "./hooks/useCarousel.js";
-import { buildScreenReaderOnly } from "./utils/carousel.utils.js";
-import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const Carousel = forwardRef(({ additionalClasses: t, allowModifySliceWidth: n = !1, autoFitContainer: r = !1, centerExtremesWhenExtraPadding: i = !1, centerMode: a = !1, circular: o, defaultPage: s = 0, disabled: c = !1, extraPadding: l, numElementsPerPage: u, numElementsToSlide: d, onePageAlign: f = "center", onNumElementsPerPageChange: p, onNumPagesChange: m, onPageChange: h, screenReaderOnly: g, variant: _, ...v }, y) => {
-	let [b, x] = useState(s), [S, C] = useState(0), w = useRef(null), T = useRef(null), E = useRef(null), D = useClassName({
-		additionalClassNames: t,
-		component: "CAROUSEL",
-		variant: _
-	}), O = useCallback((e) => {
-		C(e), m?.(e);
-	}, [m]), k = useCallback((e) => {
-		x(e), h?.(e);
-	}, [h]), A = u && Math.min(v.elements.length, u), j = n && !!u && !r, { allowShiftRef: M, changePage: N, currentPageRef: P, numElementsPerPageRef: F, numPagesRef: I } = useCarousel({
-		allowModifySliceWidth: j,
-		autoFitContainer: r,
-		centerExtremesWhenExtraPadding: i,
-		centerMode: a,
-		circular: o,
-		contentContainerRef: E,
-		defaultPage: s,
-		disabled: c,
-		elements: v.elements,
-		extraPadding: l,
-		numElementsPerPage: A,
-		numElementsToSlide: d,
-		onePageAlign: f,
-		onNumElementsPerPageChange: p,
-		onNumPagesChange: O,
-		onPageChange: k,
-		rootContainerRef: w,
-		viewerContainerRef: T
-	});
-	useImperativeHandle(y, () => (w.current && (w.current.changePage = N, w.current.allowShiftRef = M, w.current.currentPageRef = P, w.current.numElementsPerPageRef = F, w.current.numPagesRef = I), w.current), [N]);
-	let L = buildScreenReaderOnly({
-		currentPage: b,
-		numPages: S,
-		screenReaderOnly: g
-	});
-	return /* @__PURE__ */ jsx(CarouselStandAlone, {
-		ref: w,
-		allowModifySliceWidth: j,
-		centerMode: a,
-		contentContainerRef: E,
-		cssClasses: D,
-		disabled: c || S <= 1,
-		screenReaderOnly: L,
-		viewerContainerRef: T,
-		...v
-	});
-});
-export { Carousel };

package/dist/esm/components/carousel/carouselStandAlone.js

@@ -1,36 +0,0 @@
-import { ScreenReaderOnly } from "../../lib/components/screen-reader-only/screenReaderOnly.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const CarouselStandAlone = forwardRef(({ allowModifySliceWidth: e, centerMode: t, contentContainer: n, contentContainerRef: r, cssClasses: i, disabled: a, elements: o, rootContainer: s, screenReaderOnly: c, viewerContainer: l, viewerContainerRef: u, ...d }, f) => {
-	let p = d["data-testid"] ?? "carousel";
-	return /* @__PURE__ */ jsxs("div", {
-		ref: f,
-		"aria-roledescription": "carousel",
-		className: i?.carousel,
-		"data-testid": p,
-		...d,
-		...s,
-		children: [/* @__PURE__ */ jsx("div", {
-			ref: u,
-			className: i?.viewer,
-			"data-allow-modify-slice-width": e,
-			"data-disabled": a,
-			"data-testid": `${p}-viewer`,
-			...l,
-			children: /* @__PURE__ */ jsx("div", {
-				ref: r,
-				"aria-live": "polite",
-				className: i?.content,
-				"data-center-mode": t,
-				"data-testid": `${p}-content`,
-				...n,
-				children: o
-			})
-		}), c && /* @__PURE__ */ jsx(ScreenReaderOnly, {
-			ariaLive: "off",
-			...c,
-			children: c.content
-		})]
-	});
-});
-export { CarouselStandAlone };

package/dist/esm/components/carousel/hooks/useCarousel.js

@@ -1,184 +0,0 @@
-import { useCarouselKeyNavigation } from "./useCarouselKeyNavigation.js";
-import calc_utils_default from "./utils/calc.utils.js";
-import constants_default from "./utils/constants.js";
-import { useCarouselSwipe } from "./useCarouselSwipe.js";
-import dom_utils_default from "./utils/dom.utils.js";
-import { useCallback, useEffect, useRef } from "react";
-const useCarousel = ({ allowModifySliceWidth: s = !1, autoFitContainer: c = !1, centerExtremesWhenExtraPadding: l = !1, centerMode: u = !1, circular: d = !0, contentContainerRef: f, defaultPage: p = 0, disabled: m = !1, elements: h, extraPadding: g = 0, numElementsPerPage: _, numElementsToSlide: v, onePageAlign: y = "center", onNumElementsPerPageChange: b, onNumPagesChange: x, onPageChange: S, rootContainerRef: C, viewerContainerRef: w }) => {
-	let T = useRef(!0), E = useRef(p), D = useRef(p), O = useRef(_), k = useRef(0), A = useCallback((e) => {
-		let r = f.current;
-		if (!r || !O.current || e.propertyName !== constants_default.PROPERTY_TO_HANDLE_TRANSITION_END || k.current < 1) return;
-		r.setAttribute("data-shifting", "false");
-		let { newPage: i } = dom_utils_default.udpateCarouselPositionOnEdge({
-			contentContainer: r,
-			currentPage: D.current,
-			elementsLength: h.length,
-			extraPadding: g,
-			numElementsPerPage: O.current,
-			numPages: k.current
-		});
-		D.current = i, E.current !== D.current && (E.current = D.current, S?.(D.current));
-		let { firstIndexInView: a, lastIndexInView: o } = calc_utils_default.calcFirstAndLastIndexInCarouselView({
-			currentPage: D.current,
-			elementsLength: h.length,
-			isCircular: d,
-			numElementsPerPage: O.current,
-			numElementsToSlide: v
-		});
-		dom_utils_default.updateContentElementsAriaVisibility({
-			contentContainer: r,
-			firstIndexInView: a,
-			lastIndexInView: o
-		}), u && dom_utils_default.applyCenterMode({
-			contentContainer: r,
-			firstIndexInView: a,
-			lastIndexInView: o,
-			numElementsPerPage: O.current
-		}), T.current = !0;
-	}, [
-		h,
-		g,
-		v,
-		d,
-		u,
-		S
-	]), j = useCallback(({ animated: e = !0, newPage: r }) => {
-		let i = w.current, a = f.current;
-		if (!i || !a || !T.current || !O.current || !h.length || k.current < 1 || (d ? r < -1 : r < 0) || (d ? r > k.current : r > k.current - 1)) return;
-		e && a.setAttribute("data-shifting", "true"), dom_utils_default.deleteCenterMode({ contentContainer: a }), D.current = r;
-		let { firstIndexInView: o, lastIndexInView: c } = calc_utils_default.calcFirstAndLastIndexInCarouselView({
-			currentPage: D.current,
-			elementsLength: h.length,
-			isCircular: d,
-			numElementsPerPage: O.current,
-			numElementsToSlide: v
-		});
-		s || dom_utils_default.updateViewerWidth({
-			contentContainer: a,
-			extraPadding: g,
-			firstIndexInView: o,
-			lastIndexInView: c,
-			viewerContainer: i
-		});
-		let u = a.style.left, p = calc_utils_default.calcContentContainerLeftPosition({
-			centerExtremesWhenExtraPadding: l,
-			circular: d,
-			contentContainer: a,
-			currentPage: D.current,
-			extraPadding: g,
-			firstIndexInView: o,
-			numPages: k.current
-		});
-		a.style.left = p, e && u !== p ? T.current = !1 : A({ propertyName: constants_default.PROPERTY_TO_HANDLE_TRANSITION_END });
-	}, [
-		h,
-		v,
-		d,
-		s,
-		g,
-		l,
-		A
-	]), M = useCallback(() => {
-		let e = w.current, t = f.current;
-		!e || !t || !O.current || (s && (e.style.width = "100%", dom_utils_default.updateSlicesWidth({
-			centerMode: u,
-			contentContainer: t,
-			extraPadding: g,
-			numElementsPerPage: O.current,
-			viewerContainer: e
-		})), dom_utils_default.manageCircularClones({
-			circular: d,
-			contentContainer: t,
-			elementsLength: h.length,
-			numElementsPerPage: O.current
-		}), j({
-			animated: !1,
-			newPage: D.current
-		}));
-	}, [
-		s,
-		u,
-		d,
-		h,
-		g,
-		j
-	]), N = useCallback(() => {
-		let e = C.current, n = w.current, r = f.current;
-		if (!e || !n || !r) return;
-		e.style.width = "100%";
-		let i = _ || calc_utils_default.calcNumElementsPerPage({
-			contentContainer: r,
-			elementsLength: h.length,
-			extraPadding: g,
-			rootContainer: e,
-			viewerContainer: n
-		}) || 1;
-		c && (e.style.width = "fit-content"), i !== O.current && (O.current = i, b?.(i));
-		let a = calc_utils_default.calcNumPages({
-			elementsLength: h.length,
-			numElementsPerPage: i,
-			numElementsToSlide: v
-		});
-		k.current !== a && (k.current = a, x?.(a), D.current = Math.min(Math.max(0, p), a - 1)), a <= 1 && dom_utils_default.alignOnePageCarousel({
-			allowModifySliceWidth: s,
-			contentContainer: r,
-			onePageAlign: y,
-			rootContainer: e
-		});
-	}, [
-		s,
-		h,
-		g,
-		_,
-		v,
-		y,
-		c,
-		b,
-		x,
-		S
-	]), P = useCallback(() => {
-		N(), M();
-	}, [N, M]);
-	return useEffect(() => {
-		let e = f.current;
-		if (!e) return;
-		P(), window.addEventListener("resize", P);
-		let t = new ResizeObserver(P);
-		return t.observe(e), () => {
-			window.removeEventListener("resize", P), t.disconnect();
-		};
-	}, [P]), useEffect(() => {
-		let e = f.current;
-		return e?.addEventListener("transitionend", A), () => {
-			e?.removeEventListener("transitionend", A);
-		};
-	}, [A]), useCarouselSwipe({
-		allowShiftRef: T,
-		centerExtremesWhenExtraPadding: l,
-		changePage: j,
-		circular: d,
-		contentContainerRef: f,
-		currentPageRef: D,
-		disabled: m,
-		elements: h,
-		extraPadding: g,
-		numElementsPerPageRef: O,
-		numPagesRef: k,
-		viewerContainerRef: w
-	}), useCarouselKeyNavigation({
-		allowShiftRef: T,
-		changePage: j,
-		circular: d,
-		currentPageRef: D,
-		disabled: m,
-		numPagesRef: k,
-		rootContainerRef: C
-	}), {
-		allowShiftRef: T,
-		changePage: j,
-		currentPageRef: D,
-		numElementsPerPageRef: O,
-		numPagesRef: k
-	};
-};
-export { useCarousel };

package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.js

@@ -1,23 +0,0 @@
-import { ARROW_LEFT, ARROW_RIGHT } from "../../../lib/constants/keyboardKeys/keyboardKeys.js";
-import { isKeyPressed } from "../../../lib/utils/keyboard/keyboard.js";
-import { useEffect } from "react";
-const useCarouselKeyNavigation = ({ allowShiftRef: t, changePage: n, circular: r, currentPageRef: i, disabled: a = !1, numPagesRef: o, rootContainerRef: s }) => {
-	useEffect(() => {
-		if (a) return;
-		let e = () => {
-			t.current && (r || i.current !== 0) && n({ newPage: i.current - 1 });
-		}, c = () => {
-			t.current && (r || i.current !== o.current - 1) && n({ newPage: i.current + 1 });
-		}, l = (n) => {
-			!t.current || o.current <= 1 || (isKeyPressed(n.key, ARROW_LEFT.key) ? e() : isKeyPressed(n.key, ARROW_RIGHT.key) && c());
-		}, u = s.current;
-		return u?.addEventListener("keydown", l), () => {
-			u?.removeEventListener("keydown", l);
-		};
-	}, [
-		r,
-		n,
-		a
-	]);
-};
-export { useCarouselKeyNavigation };

package/dist/esm/components/carousel/hooks/useCarouselSwipe.js

@@ -1,58 +0,0 @@
-import { useScrollBlock } from "../../../lib/hooks/useScrollBlock/useScrollBlock.js";
-import calc_utils_default from "./utils/calc.utils.js";
-import constants_default from "./utils/constants.js";
-import { useCallback, useEffect, useRef } from "react";
-const useCarouselSwipe = ({ allowShiftRef: a, centerExtremesWhenExtraPadding: o, changePage: s, circular: c, contentContainerRef: l, currentPageRef: u, disabled: d = !1, elements: f, extraPadding: p, numElementsPerPageRef: m, numPagesRef: h, viewerContainerRef: g }) => {
-	let _ = useRef(!1), v = useRef(!1), y = useRef(!1), b = useRef(void 0), x = useRef(0), S = useRef(0), C = useRef(0), w = useRef(0), T = useCallback(() => {
-		a.current && (c || u.current !== h.current - 1) && s({ newPage: u.current + 1 });
-	}, [c, s]), E = useCallback(() => {
-		a.current && (c || u.current !== 0) && s({ newPage: u.current - 1 });
-	}, [c, s]), { allowScroll: D, blockScroll: O } = useScrollBlock(), k = useCallback((e) => {
-		let t = l.current;
-		!t || h.current <= 1 || (b.current = parseFloat(t.style.left || "0"), e.type === "touchstart" ? (x.current = e.touches[0].clientX, C.current = e.touches[0].clientX, w.current = e.touches[0].clientY) : (x.current = e.clientX, C.current = e.clientX, w.current = e.clientY), _.current = !0);
-	}, []), A = useCallback((e) => {
-		let n = l.current;
-		if (!n || !_.current || !m?.current || h.current <= 1) return;
-		let r, i;
-		e.type === "touchmove" ? (S.current = x.current - e.touches[0].clientX, x.current = e.touches[0].clientX, r = e.touches[0].clientX - C.current, i = e.touches[0].clientY - w.current) : (S.current = x.current - e.clientX, x.current = e.clientX, r = e.clientX - C.current, i = e.clientY - w.current);
-		let a = parseFloat(n.style.left || "0") - S.current;
-		if (!v.current && !y.current && (Math.abs(r) > constants_default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING ? (v.current = !0, O()) : Math.abs(i) > constants_default.THRESHOLD_TO_DECIDE_IF_ALLOW_DRAGGING && (y.current = !0)), v.current) if (c && f.length > m.current) n.style.left = `${a}px`;
-		else {
-			let e = calc_utils_default.calcXDistanceBetween2Elements(n.firstChild, n.children[n.children.length - m.current]);
-			if (o) a - p < 0 && -a < e - p && (n.style.left = `${a}px`);
-			else {
-				let t = c ? p : 0;
-				!c && p && u.current === h.current - 1 && (t = p * 2), a - t < 0 && -a < e - t && (n.style.left = `${a}px`);
-			}
-		}
-	}, [
-		O,
-		o,
-		c,
-		f,
-		p
-	]), j = useCallback(() => {
-		let e = l.current;
-		if (y.current = !1, v.current && D(), v.current = !1, !e || !_.current || b.current === void 0 || h.current <= 1) return;
-		_.current = !1;
-		let t = parseFloat(e.style.left || "0");
-		t - b.current < -constants_default.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS ? T() : t - b.current > constants_default.THRESHOLD_TO_DECIDE_IF_SWIPE_ON_DRAG_ENDS ? E() : e.style.left = `${b.current}px`;
-	}, [
-		D,
-		T,
-		E
-	]);
-	useEffect(() => {
-		if (d) return;
-		let e = g.current, t = { passive: !0 };
-		return e?.addEventListener("touchstart", k, t), e?.addEventListener("touchend", j, t), e?.addEventListener("touchmove", A, t), e?.addEventListener("mousedown", k, t), e?.addEventListener("mouseup", j, t), e?.addEventListener("mousemove", A, t), e?.addEventListener("mouseleave", j, t), () => {
-			e?.removeEventListener("touchstart", k, t), e?.removeEventListener("touchend", j, t), e?.removeEventListener("touchmove", A, t), e?.removeEventListener("mousedown", k, t), e?.removeEventListener("mouseup", j, t), e?.removeEventListener("mousemove", A, t), e?.removeEventListener("mouseleave", j, t);
-		};
-	}, [
-		k,
-		j,
-		A,
-		d
-	]);
-};
-export { useCarouselSwipe };