@thewhatmatters/wmds 0.4.45 → 0.4.47

package/dist/components/organisms/Carousel/Carousel.js

@@ -3,29 +3,29 @@ import { cn as e } from "../../../lib/cn.js";
 import { motionTransitionProp as t } from "../../../lib/motion.js";
 import { IconButton as n } from "../../atoms/IconButton/IconButton.js";
 import { carouselActiveIndex as r, carouselClamp as i, carouselMaxScroll as a, carouselNearestSnap as o, carouselOverflows as s, carouselOverscrollOffset as c, carouselProgress as l, carouselProgressAtPointer as u, carouselSnapPoints as ee, carouselStep as d, carouselThumbShare as te } from "./carouselMath.js";
-import { carouselBreakpoints as f, carouselControlsClasses as ne, carouselCounterClasses as p, carouselCursorClasses as m, carouselDefaultItemWidth as re, carouselExtentClasses as ie, carouselFrameClasses as ae, carouselItemClasses as oe, carouselProgressClasses as se, carouselProgressInControlsClasses as ce, carouselProgressPlacementClasses as le, carouselProgressPlacements as ue, carouselProgressThumbClasses as de, carouselProgressTrackClasses as fe, carouselRootClasses as pe, carouselTrackClasses as me, carouselViewportClasses as he } from "./carouselStyles.js";
-import { Children as ge, createContext as h, isValidElement as _e, useCallback as g, useContext as ve, useEffect as _, useLayoutEffect as ye, useMemo as be, useRef as v, useState as xe } from "react";
-import { Pause as Se, Play as Ce } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { animate as we, motion as Te, useMotionValue as x, useMotionValueEvent as Ee, useReducedMotionConfig as De, useSpring as Oe, useTransform as ke } from "motion/react";
+import { carouselBreakpoints as f, carouselControlsClasses as ne, carouselCounterClasses as re, carouselCursorClasses as ie, carouselDefaultItemWidth as ae, carouselDriftControlOnFocusClasses as oe, carouselExtentClasses as se, carouselFrameClasses as ce, carouselItemClasses as le, carouselProgressClasses as ue, carouselProgressInControlsClasses as de, carouselProgressPlacementClasses as fe, carouselProgressPlacements as pe, carouselProgressThumbClasses as me, carouselProgressTrackClasses as he, carouselRootClasses as ge, carouselTrackClasses as _e, carouselViewportClasses as ve } from "./carouselStyles.js";
+import { Children as ye, createContext as p, isValidElement as be, useCallback as m, useContext as xe, useEffect as h, useLayoutEffect as Se, useMemo as Ce, useRef as g, useState as _ } from "react";
+import { Pause as we, Play as Te } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { animate as Ee, motion as De, useMotionValue as b, useMotionValueEvent as Oe, useReducedMotionConfig as ke, useSpring as Ae, useTransform as je } from "motion/react";
 //#region src/components/organisms/Carousel/Carousel.tsx
-var S = h(null), Ae = {
+var x = p(null), Me = {
 	item: (e, t) => `${e} of ${t}`,
 	counter: (e, t) => `${e} of ${t}`
-}, je = 120, Me = 10;
-function Ne(e, t) {
+}, Ne = 120, Pe = 10;
+function Fe(e, t) {
 	try {
 		e.setPointerCapture(t);
 	} catch {}
 }
-function Pe(e) {
+function Ie(e) {
 	if (typeof e == "number") return {
 		base: e,
 		sm: e,
 		md: e,
 		lg: e
 	};
-	let t = e.base ?? re.base, n = e.sm ?? t, r = e.md ?? n;
+	let t = e.base ?? ae.base, n = e.sm ?? t, r = e.md ?? n;
 	return {
 		base: t,
 		sm: n,
@@ -33,46 +33,46 @@ function Pe(e) {
 		lg: e.lg ?? r
 	};
 }
-function Fe(e, t, n) {
+function Le(e, t, n) {
 	n ? e.style.removeProperty(t) : e.style.setProperty(t, "0px");
 }
-function Ie({ "aria-label": f, "aria-labelledby": oe, itemWidth: ue = re, snap: h = !0, bleed: ve = !1, fade: be = !0, progress: S = "center", counter: Ie = !1, onIndexChange: ze, activeIndex: C, labels: Be, autoplay: Ve = !1, loop: w = !1, cursor: T, children: He, className: Ue }) {
-	let E = De() ?? !1, D = v(null), O = v(null), k = v(null), A = v(null), We = v(null), j = v({
+function Re({ "aria-label": f, "aria-labelledby": le, itemWidth: pe = ae, snap: p = !0, bleed: xe = !1, fade: Ce = !0, progress: x = "center", counter: Re = !1, onIndexChange: Ve, activeIndex: S, labels: He, autoplay: C = !1, loop: w = !1, cursor: T, children: Ue, className: We }) {
+	let E = ke() ?? !1, D = g(null), O = g(null), Ge = g(null), k = g(null), Ke = g(null), A = g({
 		max: 0,
 		points: [0],
 		offsets: [],
 		direction: 1,
 		loopWidth: 0
-	}), M = v(null), N = v(null), P = v(null), F = v(null), I = v(!1), [L, Ge] = xe(null), [Ke, qe] = xe(0), Je = v(void 0), Ye = v(0), Xe = v(void 0), Ze = v(0), Qe = v(ze), $e = v(() => {}), R = Ve === !1 ? 0 : typeof Ve == "object" ? Ve.speed ?? Le : Le, [et, tt] = xe(!1), z = v({
+	}), j = g(null), M = g(null), N = g(null), P = g(null), F = g(!1), [I, qe] = _(null), [Je, Ye] = _(0), Xe = g(void 0), Ze = g(0), Qe = g(void 0), $e = g(0), et = g(Ve), tt = g(() => {}), L = C === !1 ? 0 : typeof C == "object" ? C.speed ?? ze : ze, [R, nt] = _(!1), rt = typeof C == "object" && C.pause === "on-focus", z = g({
 		hover: !1,
 		focus: !1,
 		offscreen: !1
-	}), B = v(null), nt = v({
+	}), B = g(null), it = g({
 		position: 0,
 		time: 0,
 		reset: void 0
-	}), rt = x(0), it = Oe(rt, {
+	}), at = b(0), ot = Ae(at, {
 		stiffness: 170,
 		damping: 26,
 		mass: 1
 	});
-	Ee(it, "change", (e) => {
+	Oe(ot, "change", (e) => {
 		D.current?.style.setProperty("--carousel-velocity", (Math.abs(e) < .001 ? 0 : e).toFixed(3));
 	});
-	let V = x(0), H = x(0), at = ke(H, (e) => -j.current.direction * c(e)), U = g(() => Math.abs(O.current?.scrollLeft ?? 0), []), W = g(() => {
+	let V = b(0), H = b(0), st = je(H, (e) => -A.current.direction * c(e)), U = m(() => Math.abs(O.current?.scrollLeft ?? 0), []), W = m(() => {
 		let e = D.current, t = O.current;
 		if (!e || !t) return;
-		let { max: n } = j.current, i = Math.abs(t.scrollLeft);
-		e.style.setProperty("--carousel-progress", String(l(i, n))), Fe(t, "--scroll-fade-s", i > 1), Fe(t, "--scroll-fade-e", i < n - 1), window.clearTimeout(Je.current), Je.current = window.setTimeout(() => {
-			let e = r(j.current.offsets, Math.abs(t.scrollLeft), j.current.max);
-			qe(e), e !== Ye.current && (Ye.current = e, Qe.current?.(e, Ze.current));
-		}, je);
-	}, []), G = g((e) => {
+		let { max: n } = A.current, i = Math.abs(t.scrollLeft);
+		e.style.setProperty("--carousel-progress", String(l(i, n))), Le(t, "--scroll-fade-s", i > 1), Le(t, "--scroll-fade-e", i < n - 1), window.clearTimeout(Xe.current), Xe.current = window.setTimeout(() => {
+			let e = r(A.current.offsets, Math.abs(t.scrollLeft), A.current.max);
+			Ye(e), e !== Ze.current && (Ze.current = e, et.current?.(e, $e.current));
+		}, Ne);
+	}, []), G = m((e) => {
 		let t = O.current;
-		t && (t.scrollLeft = j.current.direction * e, W());
+		t && (t.scrollLeft = A.current.direction * e, W());
 	}, [W]);
-	Ee(V, "change", (e) => {
-		let t = i(e, 0, j.current.max);
+	Oe(V, "change", (e) => {
+		let t = i(e, 0, A.current.max);
 		G(t), H.set(E ? 0 : e - t);
 	});
 	function K(e) {
@@ -80,52 +80,52 @@ function Ie({ "aria-label": f, "aria-labelledby": oe, itemWidth: ue = re, snap:
 		t && (e ? t.dataset.moving = "" : delete t.dataset.moving);
 	}
 	function q() {
-		M.current?.stop(), M.current = null, N.current = null;
+		j.current?.stop(), j.current = null, M.current = null;
 	}
-	function ot() {
-		M.current = null, N.current = null, K(!1);
+	function ct() {
+		j.current = null, M.current = null, K(!1);
 	}
-	function st() {
-		M.current != null && (q(), V.jump(U()), K(!1));
+	function lt() {
+		j.current != null && (q(), V.jump(U()), K(!1));
 	}
 	function J(e, n = !0) {
-		let r = i(e, 0, j.current.max);
+		let r = i(e, 0, A.current.max);
 		if (q(), V.jump(U()), E || !n) {
 			K(!1), V.jump(r);
 			return;
 		}
-		N.current = r, K(!0), M.current = we(V, r, {
+		M.current = r, K(!0), j.current = Ee(V, r, {
 			...t("medium"),
-			onComplete: ot
+			onComplete: ct
 		});
 	}
-	_(() => {
-		Qe.current = ze, $e.current = J;
+	h(() => {
+		et.current = Ve, tt.current = J;
 	});
-	function ct(e) {
-		let { max: t, points: n } = j.current, r = (e) => o(n, i(e, 0, t));
+	function ut(e) {
+		let { max: t, points: n } = A.current, r = (e) => o(n, i(e, 0, t));
 		if (q(), E) {
-			J(h ? r(V.get()) : V.get(), !1);
+			J(p ? r(V.get()) : V.get(), !1);
 			return;
 		}
-		let a = V.get(), s = h ? r(a) : i(a, 0, t);
+		let a = V.get(), s = p ? r(a) : i(a, 0, t);
 		if (e === 0 && s === a) {
-			ot();
+			ct();
 			return;
 		}
-		K(!0), M.current = we(V, s === a ? a + Math.sign(e) : s, {
+		K(!0), j.current = Ee(V, s === a ? a + Math.sign(e) : s, {
 			type: "inertia",
 			velocity: e,
 			min: 0,
 			max: t,
-			modifyTarget: h ? r : void 0,
-			onComplete: ot
+			modifyTarget: p ? r : void 0,
+			onComplete: ct
 		});
 	}
-	let Y = g(() => {
-		let e = D.current, t = O.current, n = k.current;
+	let Y = m(() => {
+		let e = D.current, t = O.current, n = Ge.current;
 		if (!e || !t || !n || H.get() !== 0) return;
-		if (ve) {
+		if (xe) {
 			let t = e.getBoundingClientRect(), n = Math.max(0, Math.floor(t.left)), r = Math.max(0, Math.floor(document.documentElement.clientWidth - t.right));
 			e.style.setProperty("--carousel-bleed-left", `${n}px`), e.style.setProperty("--carousel-bleed-right", `${r}px`);
 		} else e.style.removeProperty("--carousel-bleed-left"), e.style.removeProperty("--carousel-bleed-right");
@@ -133,41 +133,41 @@ function Ie({ "aria-label": f, "aria-labelledby": oe, itemWidth: ue = re, snap:
 			let t = e.getBoundingClientRect();
 			return r === 1 ? t.left - d.left : d.right - t.right;
 		}), ne = u == null || d == null ? 0 : r === 1 ? u.getBoundingClientRect().left - d.left : d.right - u.getBoundingClientRect().right;
-		j.current = {
+		A.current = {
 			max: c,
 			direction: r,
 			points: ee(f, c),
 			offsets: f,
 			loopWidth: ne
 		};
-		let p = A.current;
-		p && e.style.setProperty("--carousel-thumb", String(te(i, o, p.clientWidth))), W();
-		let m = s(i, o);
-		Ge((e) => e === m ? e : m);
+		let re = k.current;
+		re && e.style.setProperty("--carousel-thumb", String(te(i, o, re.clientWidth))), W();
+		let ie = s(i, o);
+		qe((e) => e === ie ? e : ie);
 	}, [
-		ve,
+		xe,
 		H,
 		W
 	]);
-	ye(() => {
+	Se(() => {
 		if (Y(), window.addEventListener("resize", Y), typeof ResizeObserver > "u") return () => window.removeEventListener("resize", Y);
 		let e = new ResizeObserver(Y);
 		for (let t of [
 			D.current,
 			O.current,
-			k.current,
-			A.current
+			Ge.current,
+			k.current
 		]) t && e.observe(t);
 		return () => {
 			e.disconnect(), window.removeEventListener("resize", Y);
 		};
-	}, [Y, S]), _(() => () => {
-		M.current?.stop(), window.clearTimeout(Je.current);
+	}, [Y, x]), h(() => () => {
+		j.current?.stop(), window.clearTimeout(Xe.current);
 	}, []);
-	let lt = R > 0 && !E && !et && L === !0;
-	_(() => {
+	let dt = L > 0 && !E && !R && I === !0;
+	h(() => {
 		let e = D.current, t = O.current;
-		if (!lt || !e || !t) return;
+		if (!dt || !e || !t) return;
 		let n = 0, r = performance.now(), i = 1, a = U(), o = typeof IntersectionObserver > "u" ? null : new IntersectionObserver(([e]) => {
 			z.current.offscreen = !(e?.isIntersecting ?? !0);
 		});
@@ -176,11 +176,11 @@ function Ie({ "aria-label": f, "aria-labelledby": oe, itemWidth: ue = re, snap:
 			let t = Math.min(.05, (e - r) / 1e3);
 			r = e;
 			let { hover: o, focus: c, offscreen: l } = z.current;
-			if (o || c || l || document.hidden || P.current != null || F.current != null || M.current != null) a = U();
+			if (o || c || l || document.hidden || N.current != null || P.current != null || j.current != null) a = U();
 			else {
-				let { max: e } = j.current;
-				Math.abs(U() - a) > 2 && (a = U()), a += i * R * t;
-				let { loopWidth: n } = j.current;
+				let { max: e } = A.current;
+				Math.abs(U() - a) > 2 && (a = U()), a += i * L * t;
+				let { loopWidth: n } = A.current;
 				w && n > 0 ? a >= n && (a -= n) : a >= e ? (a = e, i = -1) : a <= 0 && (a = 0, i = 1), K(!0), G(a);
 			}
 			n = requestAnimationFrame(s);
@@ -189,21 +189,21 @@ function Ie({ "aria-label": f, "aria-labelledby": oe, itemWidth: ue = re, snap:
 			cancelAnimationFrame(n), o?.disconnect(), K(!1);
 		};
 	}, [
-		lt,
-		R,
+		dt,
+		L,
 		w,
 		U,
 		G
 	]);
-	function ut() {
+	function ft() {
 		if (!D.current || E) return;
-		let e = performance.now(), t = U(), n = nt.current, r = e - n.time;
-		r > 0 && r < 200 && Math.abs(t - n.position) < 400 && rt.set(i((t - n.position) / r / 1.5, -1, 1)), n.position = t, n.time = e, window.clearTimeout(n.reset), n.reset = window.setTimeout(() => rt.set(0), 120);
+		let e = performance.now(), t = U(), n = it.current, r = e - n.time;
+		r > 0 && r < 200 && Math.abs(t - n.position) < 400 && at.set(i((t - n.position) / r / 1.5, -1, 1)), n.position = t, n.time = e, window.clearTimeout(n.reset), n.reset = window.setTimeout(() => at.set(0), 120);
 	}
-	function dt() {
-		ut();
-		let { loopWidth: e } = j.current;
-		if (w && e > 0 && P.current == null && F.current == null && M.current == null) {
+	function pt() {
+		ft();
+		let { loopWidth: e } = A.current;
+		if (w && e > 0 && N.current == null && P.current == null && j.current == null) {
 			let t = U();
 			if (t >= e) {
 				G(t - e);
@@ -212,47 +212,47 @@ function Ie({ "aria-label": f, "aria-labelledby": oe, itemWidth: ue = re, snap:
 		}
 		W();
 	}
-	function ft(e) {
+	function mt(e) {
 		e.pointerType === "mouse" && (z.current.hover = !0);
 	}
-	function pt() {
+	function ht() {
 		z.current.hover = !1;
 		let e = B.current;
 		e && delete e.dataset.shown;
 	}
-	function mt() {
+	function gt() {
 		z.current.focus = !0;
 	}
-	function ht(e) {
+	function _t(e) {
 		e.currentTarget.contains(e.relatedTarget) || (z.current.focus = !1);
 	}
-	function gt(e) {
+	function vt(e) {
 		let t = B.current, n = D.current;
 		if (!t || !n || e.pointerType !== "mouse" || !window.matchMedia("(hover: hover) and (pointer: fine)").matches) return;
 		let r = n.getBoundingClientRect();
-		t.style.transform = `translate3d(${e.clientX - r.left}px, ${e.clientY - r.top}px, 0) translate(-50%, -50%)`, t.dataset.shown = "", P.current?.active ? t.dataset.dragging = "" : delete t.dataset.dragging;
+		t.style.transform = `translate3d(${e.clientX - r.left}px, ${e.clientY - r.top}px, 0) translate(-50%, -50%)`, t.dataset.shown = "", N.current?.active ? t.dataset.dragging = "" : delete t.dataset.dragging;
 	}
-	function _t() {
+	function yt() {
 		let e = B.current;
 		e && delete e.dataset.shown;
 	}
-	_(() => {
-		if (C == null || L == null || C === Xe.current) return;
-		let { offsets: e, max: t } = j.current;
+	h(() => {
+		if (S == null || I == null || S === Qe.current) return;
+		let { offsets: e, max: t } = A.current;
 		if (e.length === 0) return;
-		let n = Xe.current === void 0;
-		Xe.current = C;
-		let r = e[i(Math.round(C), 0, e.length - 1)];
-		$e.current(h ? o(j.current.points, r) : i(r, 0, t), !n);
+		let n = Qe.current === void 0;
+		Qe.current = S;
+		let r = e[i(Math.round(S), 0, e.length - 1)];
+		tt.current(p ? o(A.current.points, r) : i(r, 0, t), !n);
 	}, [
-		C,
-		L,
-		h
+		S,
+		I,
+		p
 	]);
-	function vt(e) {
-		if (e.pointerType !== "mouse" || e.button !== 0 || j.current.max <= 0) return;
-		let t = M.current != null;
-		q(), V.jump(U()), P.current = {
+	function bt(e) {
+		if (e.pointerType !== "mouse" || e.button !== 0 || A.current.max <= 0) return;
+		let t = j.current != null;
+		q(), V.jump(U()), N.current = {
 			pointerId: e.pointerId,
 			startX: e.clientX,
 			startPosition: U(),
@@ -260,38 +260,38 @@ function Ie({ "aria-label": f, "aria-labelledby": oe, itemWidth: ue = re, snap:
 			interrupted: t
 		};
 	}
-	function yt(e) {
-		let t = P.current;
+	function xt(e) {
+		let t = N.current;
 		if (!(!t || t.pointerId !== e.pointerId)) {
 			if (e.buttons === 0) {
-				bt(e);
+				St(e);
 				return;
 			}
 			if (!t.active) {
 				if (Math.abs(e.clientX - t.startX) < 4) return;
-				t.active = !0, t.startX = e.clientX, Ne(e.currentTarget, e.pointerId), e.currentTarget.dataset.dragging = "", window.getSelection()?.removeAllRanges(), K(!0);
+				t.active = !0, t.startX = e.clientX, Fe(e.currentTarget, e.pointerId), e.currentTarget.dataset.dragging = "", window.getSelection()?.removeAllRanges(), K(!0);
 			}
-			V.set(t.startPosition - j.current.direction * (e.clientX - t.startX));
+			V.set(t.startPosition - A.current.direction * (e.clientX - t.startX));
 		}
 	}
-	function bt(e) {
-		let t = P.current;
+	function St(e) {
+		let t = N.current;
 		if (!t || t.pointerId !== e.pointerId) return;
-		if (P.current = null, !t.active) {
-			t.interrupted && ct(0);
+		if (N.current = null, !t.active) {
+			t.interrupted && ut(0);
 			return;
 		}
 		let n = e.currentTarget;
-		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), delete n.dataset.dragging, I.current = !0, window.setTimeout(() => {
-			I.current = !1;
-		}, 0), ct(e.type === "pointercancel" ? 0 : V.getVelocity());
+		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), delete n.dataset.dragging, F.current = !0, window.setTimeout(() => {
+			F.current = !1;
+		}, 0), ut(e.type === "pointercancel" ? 0 : V.getVelocity());
 	}
-	function xt(e) {
-		I.current && (I.current = !1, e.preventDefault(), e.stopPropagation());
+	function Ct(e) {
+		F.current && (F.current = !1, e.preventDefault(), e.stopPropagation());
 	}
-	function St(e) {
+	function wt(e) {
 		if (e.target !== e.currentTarget || e.altKey || e.ctrlKey || e.metaKey) return;
-		let { max: t, points: n, direction: r } = j.current, i = N.current ?? U(), a;
+		let { max: t, points: n, direction: r } = A.current, i = M.current ?? U(), a;
 		switch (e.key) {
 			case "ArrowRight":
 				a = d(n, i, r);
@@ -309,13 +309,13 @@ function Ie({ "aria-label": f, "aria-labelledby": oe, itemWidth: ue = re, snap:
 		}
 		e.preventDefault(), J(a);
 	}
-	function Ct(e) {
-		let t = A.current, n = We.current, { max: r, points: i, direction: a } = j.current;
+	function Tt(e) {
+		let t = k.current, n = Ke.current, { max: r, points: i, direction: a } = A.current;
 		if (!t || !n || r <= 0 || e.button !== 0) return;
 		e.preventDefault();
 		let s = t.getBoundingClientRect(), c = n.getBoundingClientRect();
-		if (e.clientX >= c.left - Me && e.clientX <= c.right + Me) {
-			q(), V.jump(U()), K(!0), Ne(e.currentTarget, e.pointerId), e.currentTarget.dataset.scrubbing = "", F.current = {
+		if (e.clientX >= c.left - Pe && e.clientX <= c.right + Pe) {
+			q(), V.jump(U()), K(!0), Fe(e.currentTarget, e.pointerId), e.currentTarget.dataset.scrubbing = "", P.current = {
 				pointerId: e.pointerId,
 				startX: e.clientX,
 				startProgress: l(U(), r),
@@ -324,76 +324,76 @@ function Ie({ "aria-label": f, "aria-labelledby": oe, itemWidth: ue = re, snap:
 			return;
 		}
 		let ee = a === 1 ? e.clientX - s.left : s.right - e.clientX, d = u(ee, s.width, c.width) * r;
-		J(h ? o(i, d) : d);
+		J(p ? o(i, d) : d);
 	}
-	function wt(e) {
-		let t = F.current;
+	function Et(e) {
+		let t = P.current;
 		if (!t || t.pointerId !== e.pointerId || t.travel <= 0) return;
-		let { max: n, direction: r } = j.current, a = r * (e.clientX - t.startX) / t.travel;
+		let { max: n, direction: r } = A.current, a = r * (e.clientX - t.startX) / t.travel;
 		V.set(i(t.startProgress + a, 0, 1) * n);
 	}
-	function Tt(e) {
-		let t = F.current;
+	function Dt(e) {
+		let t = P.current;
 		if (!t || t.pointerId !== e.pointerId) return;
-		F.current = null;
+		P.current = null;
 		let n = e.currentTarget;
-		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), delete n.dataset.scrubbing, h ? J(o(j.current.points, U())) : K(!1);
+		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), delete n.dataset.scrubbing, p ? J(o(A.current.points, U())) : K(!1);
 	}
-	let X = Pe(ue), Et = {
+	let X = Ie(pe), Ot = {
 		"--carousel-item": String(X.base),
 		"--carousel-item-sm": String(X.sm),
 		"--carousel-item-md": String(X.md),
 		"--carousel-item-lg": String(X.lg)
-	}, Dt = Be?.item ?? Ae.item, Z = ge.toArray(He);
-	Ze.current = Z.length;
-	let Ot = (Be?.counter ?? Ae.counter)(Math.min(Ke, Math.max(Z.length - 1, 0)) + 1, Z.length), kt = L == null ? void 0 : String(L), Q = R > 0 && !E && L === !0, $ = w ? "none" : S, At = Ie && !w;
-	return /* @__PURE__ */ b("div", {
+	}, kt = He?.item ?? Me.item, Z = ye.toArray(Ue);
+	$e.current = Z.length;
+	let At = (He?.counter ?? Me.counter)(Math.min(Je, Math.max(Z.length - 1, 0)) + 1, Z.length), jt = I == null ? void 0 : String(I), Q = L > 0 && !E && I === !0, $ = w ? "none" : x, Mt = Re && !w;
+	return /* @__PURE__ */ y("div", {
 		ref: D,
-		className: e(pe, T != null && "relative", Ue),
-		style: Et,
+		className: e(ge, T != null && "relative", We),
+		style: Ot,
 		"data-carousel": "",
-		"data-autoplay": R > 0 ? "" : void 0,
-		onPointerEnter: ft,
-		onPointerLeave: pt,
-		onFocus: mt,
-		onBlur: ht,
+		"data-autoplay": L > 0 ? "" : void 0,
+		onPointerEnter: mt,
+		onPointerLeave: ht,
+		onFocus: gt,
+		onBlur: _t,
 		children: [
-			/* @__PURE__ */ y("div", {
-				className: ae,
-				children: /* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v("div", {
+				className: ce,
+				children: /* @__PURE__ */ v("div", {
 					ref: O,
 					role: "region",
 					"aria-label": f,
-					"aria-labelledby": oe,
-					tabIndex: L === !1 ? void 0 : 0,
+					"aria-labelledby": le,
+					tabIndex: I === !1 ? void 0 : 0,
 					"data-carousel-viewport": "",
-					"data-overflowing": kt,
-					className: e(he, h && "snap-x snap-mandatory data-[moving]:snap-none", be && "scroll-fade-x"),
+					"data-overflowing": jt,
+					className: e(ve, p && "snap-x snap-mandatory data-[moving]:snap-none", Ce && "scroll-fade-x"),
 					style: { "--scroll-fade-s": "0px" },
-					onScroll: dt,
-					onKeyDown: St,
-					onPointerDown: vt,
+					onScroll: pt,
+					onKeyDown: wt,
+					onPointerDown: bt,
 					onPointerMove: (e) => {
-						yt(e), T != null && gt(e);
+						xt(e), T != null && vt(e);
 					},
-					onPointerLeave: T == null ? void 0 : _t,
-					onPointerUp: bt,
-					onPointerCancel: bt,
-					onClickCapture: xt,
+					onPointerLeave: T == null ? void 0 : yt,
+					onPointerUp: St,
+					onPointerCancel: St,
+					onClickCapture: Ct,
 					onDragStart: (e) => e.preventDefault(),
-					onWheel: st,
-					onTouchStart: st,
-					children: /* @__PURE__ */ y("div", {
-						className: ie,
-						children: /* @__PURE__ */ b(Te.div, {
-							ref: k,
-							className: me,
-							style: { x: at },
-							children: [Z.map((e, t) => /* @__PURE__ */ y(Re, {
-								label: Dt(t + 1, Z.length),
+					onWheel: lt,
+					onTouchStart: lt,
+					children: /* @__PURE__ */ v("div", {
+						className: se,
+						children: /* @__PURE__ */ y(De.div, {
+							ref: Ge,
+							className: _e,
+							style: { x: st },
+							children: [Z.map((e, t) => /* @__PURE__ */ v(Be, {
+								label: kt(t + 1, Z.length),
 								children: e
-							}, _e(e) && e.key != null ? e.key : t)), w ? Z.map((e, t) => /* @__PURE__ */ y(Re, {
-								label: Dt(t + 1, Z.length),
+							}, be(e) && e.key != null ? e.key : t)), w ? Z.map((e, t) => /* @__PURE__ */ v(Be, {
+								label: kt(t + 1, Z.length),
 								clone: !0,
 								children: e
 							}, `loop-${t}`)) : null]
@@ -401,77 +401,87 @@ function Ie({ "aria-label": f, "aria-labelledby": oe, itemWidth: ue = re, snap:
 					})
 				})
 			}),
-			$ !== "none" || Q ? /* @__PURE__ */ b("div", {
-				className: Q ? ne[$] : "contents",
-				children: [$ === "none" ? null : /* @__PURE__ */ y("div", {
+			$ !== "none" || Q ? /* @__PURE__ */ y("div", {
+				className: Q && !(rt && $ === "none") ? ne[$] : "contents",
+				children: [$ === "none" ? null : /* @__PURE__ */ v("div", {
 					"aria-hidden": "true",
 					"data-carousel-progress": "",
-					"data-overflowing": kt,
-					className: e(se, Q ? ce[$] : le[$]),
-					onPointerDown: Ct,
-					onPointerMove: wt,
-					onPointerUp: Tt,
-					onPointerCancel: Tt,
-					children: /* @__PURE__ */ y("div", {
-						ref: A,
-						className: fe,
-						children: /* @__PURE__ */ y("div", {
-							ref: We,
-							className: de,
+					"data-overflowing": jt,
+					className: e(ue, Q ? de[$] : fe[$]),
+					onPointerDown: Tt,
+					onPointerMove: Et,
+					onPointerUp: Dt,
+					onPointerCancel: Dt,
+					children: /* @__PURE__ */ v("div", {
+						ref: k,
+						className: he,
+						children: /* @__PURE__ */ v("div", {
+							ref: Ke,
+							className: me,
 							"data-carousel-progress-thumb": ""
 						})
 					})
-				}), Q ? /* @__PURE__ */ y(n, {
+				}), Q ? rt ? /* @__PURE__ */ v("span", {
+					className: oe,
+					children: /* @__PURE__ */ v(n, {
+						role: "ghost",
+						size: "sm",
+						"aria-label": R ? "Play" : "Pause",
+						icon: v(R ? Te : we, { strokeWidth: 2 }),
+						onClick: () => nt((e) => !e),
+						"data-carousel-drift-control": ""
+					})
+				}) : /* @__PURE__ */ v(n, {
 					role: "ghost",
 					size: "sm",
-					"aria-label": et ? "Play" : "Pause",
-					icon: y(et ? Ce : Se, { strokeWidth: 2 }),
-					onClick: () => tt((e) => !e),
+					"aria-label": R ? "Play" : "Pause",
+					icon: v(R ? Te : we, { strokeWidth: 2 }),
+					onClick: () => nt((e) => !e),
 					"data-carousel-drift-control": ""
 				}) : null]
 			}) : null,
-			T == null ? null : /* @__PURE__ */ y("div", {
+			T == null ? null : /* @__PURE__ */ v("div", {
 				ref: B,
 				"aria-hidden": "true",
-				className: m,
+				className: ie,
 				"data-carousel-cursor": "",
 				children: T
 			}),
-			At ? /* @__PURE__ */ y("p", {
+			Mt ? /* @__PURE__ */ v("p", {
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				"data-carousel-counter": "",
-				"data-overflowing": kt,
-				className: p,
-				children: Ot
+				"data-overflowing": jt,
+				className: re,
+				children: At
 			}) : null
 		]
 	});
 }
-var Le = 24;
-function Re({ label: e, clone: t = !1, children: n }) {
-	let r = be(() => ({
+var ze = 24;
+function Be({ label: e, clone: t = !1, children: n }) {
+	let r = Ce(() => ({
 		label: e,
 		clone: t
 	}), [e, t]);
-	return /* @__PURE__ */ y(S.Provider, {
+	return /* @__PURE__ */ v(x.Provider, {
 		value: r,
 		children: n
 	});
 }
-function ze({ children: t, className: n }) {
-	let r = ve(S);
-	return /* @__PURE__ */ y("div", {
+function Ve({ children: t, className: n }) {
+	let r = xe(x);
+	return /* @__PURE__ */ v("div", {
 		role: r?.clone ? void 0 : "group",
 		"aria-label": r?.clone ? void 0 : r?.label,
 		"aria-hidden": r?.clone ? !0 : void 0,
 		inert: r?.clone ? !0 : void 0,
 		"data-carousel-item": "",
 		"data-carousel-clone": r?.clone ? "" : void 0,
-		className: e(oe, n),
+		className: e(le, n),
 		children: t
 	});
 }
-var C = Object.assign(Ie, { Item: ze });
+var S = Object.assign(Re, { Item: Ve });
 //#endregion
-export { C as Carousel, f as carouselBreakpoints, re as carouselDefaultItemWidth, ue as carouselProgressPlacements };
+export { S as Carousel, f as carouselBreakpoints, ae as carouselDefaultItemWidth, pe as carouselProgressPlacements };