etudes 31.0.1 → 32.1.0

package/build/components/CoverImage.d.ts

@@ -7,7 +7,7 @@ import { Picture } from '../primitives/Picture.js';
  * @exports CoverImage.Content Component for optional content inside the image.
  * @exports CoverImage.Viewport Component for the viewport.
  */
-export declare function CoverImage({ ref, style, alt, aspectRatio: externalAspectRatio, children, loadingMode, sources, src, onError, onLoad, onLoadStart, ...props }: Readonly<CoverImage.Props>): import("react/jsx-runtime").JSX.Element;
+export declare function CoverImage({ ref, style, alt, aspectRatio: externalAspectRatio, children, loadingMode, source, onError, onLoad, onLoadStart, ...props }: Readonly<CoverImage.Props>): import("react/jsx-runtime").JSX.Element;
 export declare namespace CoverImage {
     var displayName: string;
 }
@@ -25,7 +25,7 @@ export declare namespace CoverImage {
          * unprovided, it will be inferred after loading the image.
          */
         aspectRatio?: number;
-    } & Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<Picture.Props, 'alt' | 'loadingMode' | 'onError' | 'onLoad' | 'onLoadStart' | 'sources' | 'src'>;
+    } & Omit<HTMLAttributes<HTMLDivElement>, 'onLoadStart'> & Pick<Picture.Props, 'alt' | 'loadingMode' | 'onError' | 'onLoad' | 'onLoadStart' | 'source'>;
     /**
      * Component for optional content inside a {@link CoverImage}.
      */

package/build/components/CoverVideo.d.ts

@@ -7,7 +7,7 @@ import { Video } from '../primitives/Video.js';
  * @exports CoverVideo.Content Component for optional content inside the video.
  * @exports CoverVideo.Viewport Component for the viewport.
  */
-export declare function CoverVideo({ className, ref, style, aspectRatio: externalAspectRatio, autoLoop, autoPlay, children, playsInline, posterSrc, src, hasControls, isMuted, onCanPlay, onEnd, onFullscreenChange, onLoadMetadata, onLoadMetadataComplete, onLoadMetadataError, onPause, onPlay, onSizeChange, ...props }: Readonly<CoverVideo.Props>): import("react/jsx-runtime").JSX.Element;
+export declare function CoverVideo({ className, ref, style, aspectRatio: externalAspectRatio, autoLoop, autoPlay, children, playsInline, poster, source, hasControls, isMuted, onCanPlay, onEnd, onFullscreenChange, onLoadMetadata, onLoadMetadataComplete, onLoadMetadataError, onPause, onPlay, onSizeChange, ...props }: Readonly<CoverVideo.Props>): import("react/jsx-runtime").JSX.Element;
 export declare namespace CoverVideo {
     var displayName: string;
 }
@@ -25,7 +25,7 @@ export declare namespace CoverVideo {
          * unprovided, it will be inferred after loading the video.
          */
         aspectRatio?: number;
-    } & Omit<HTMLAttributes<HTMLDivElement>, 'onCanPlay' | 'onPause' | 'onPlay'> & Pick<Video.Props, 'autoLoop' | 'autoPlay' | 'hasControls' | 'isMuted' | 'onCanPlay' | 'onEnd' | 'onFullscreenChange' | 'onLoadMetadata' | 'onLoadMetadataComplete' | 'onLoadMetadataError' | 'onPause' | 'onPlay' | 'onSizeChange' | 'playsInline' | 'posterSrc' | 'src'>;
+    } & Omit<HTMLAttributes<HTMLDivElement>, 'onCanPlay' | 'onPause' | 'onPlay'> & Pick<Video.Props, 'autoLoop' | 'autoPlay' | 'hasControls' | 'isMuted' | 'onCanPlay' | 'onEnd' | 'onFullscreenChange' | 'onLoadMetadata' | 'onLoadMetadataComplete' | 'onLoadMetadataError' | 'onPause' | 'onPlay' | 'onSizeChange' | 'playsInline' | 'poster' | 'source'>;
     /**
      * Component for optional content inside a {@link CoverVideo}.
      */

package/build/etudes.js

@@ -931,9 +931,20 @@ function Ze(e) {
 //#region src/types/ImageSource.ts
 var Qe;
 (function(e) {
-	function t(e) {
+	function t(e, t) {
+		let n = {
+			sizes: [{ width: e }],
+			srcSet: t.map(([e, t]) => ({
+				src: e,
+				width: t
+			}))
+		};
+		return a(n), n;
+	}
+	e.make = t;
+	function n(e) {
 		try {
-			return n(e), {
+			return a(e), {
 				media: e.media,
 				sizes: i(e),
 				srcSet: r(e),
@@ -944,18 +955,7 @@ var Qe;
 			return;
 		}
 	}
-	e.asProps = t;
-	function n({ sizes: e = [], srcSet: t }) {
-		if (e.length > 0 && !t.some(({ width: e }) => e !== void 0)) throw Error("If `sizes` is specified, at least one entry in `sourceSet` must have a `width` specified");
-		if (e.length > 0 && e[e.length - 1].media !== void 0) throw Error("The last item in `sizes` must not have a `media` condition");
-		if (t.length === 0) throw Error("At least one entry in `sourceSet` must be specified");
-		t.forEach(({ pixelDensity: e, src: t, width: n }) => {
-			if (t === void 0 || t === "") throw Error("Each entry in `sourceSet` must have a non-empty `src`");
-			if (n !== void 0 && (!isFinite(n) || !Number.isInteger(n) || n <= 0)) throw Error("If `width` is specified, it must be a positive integer greater than 0");
-			if (e !== void 0 && (!isFinite(e) || e <= 0)) throw Error("If `pixelDensity` is specified, it must be a number greater than 0");
-			if (n !== void 0 && e !== void 0) throw Error("Only one of `width` or `pixelDensity` can be specified");
-		});
-	}
+	e.asProps = n;
 	function r(e) {
 		return e.srcSet.map(({ pixelDensity: e, src: t, width: n }) => {
 			let r = t;
@@ -968,6 +968,29 @@ var Qe;
 			return e && (n = `${e} ${n}`), n;
 		}).filter(Boolean).join(", ");
 	}
+	function a(e) {
+		if (!o(e)) throw Error("Invalid `ImageSource` object");
+		let { sizes: t = [], srcSet: n } = e;
+		if (t.length > 0 && !n.some(({ width: e }) => e !== void 0)) throw Error("If `sizes` is specified, at least one entry in `srcSet` must have a `width` specified");
+		if (t.length > 0 && t[t.length - 1].media !== void 0) throw Error("The last item in `sizes` must not have a `media` condition");
+		if (n.length === 0) throw Error("At least one entry in `srcSet` must be specified");
+		n.forEach(({ pixelDensity: e, src: t, width: n }) => {
+			if (t === void 0 || t === "") throw Error("Each entry in `srcSet` must have a non-empty `src`");
+			if (n !== void 0 && (!isFinite(n) || !Number.isInteger(n) || n <= 0)) throw Error("If `width` is specified, it must be a positive integer greater than 0");
+			if (e !== void 0 && (!isFinite(e) || e <= 0)) throw Error("If `pixelDensity` is specified, it must be a number greater than 0");
+			if (n !== void 0 && e !== void 0) throw Error("Only one of `width` or `pixelDensity` can be specified");
+		});
+	}
+	function o(e) {
+		if (typeof e != "object" || !e || e.media !== void 0 && typeof e.media != "string" || e.type !== void 0 && typeof e.type != "string") return !1;
+		if (e.sizes !== void 0) {
+			if (!Array.isArray(e.sizes)) return !1;
+			for (let t of e.sizes) if (typeof t != "object" || !t || t.media !== void 0 && typeof t.media != "string" || typeof t.width != "string") return !1;
+		}
+		if (!Array.isArray(e.srcSet)) return !1;
+		for (let t of e.srcSet) if (typeof t != "object" || !t || typeof t.src != "string" || t.width !== void 0 && (!isFinite(t.width) || !Number.isInteger(t.width) || t.width <= 0) || t.pixelDensity !== void 0 && (!isFinite(t.pixelDensity) || t.pixelDensity <= 0) || t.width !== void 0 && t.pixelDensity !== void 0) return !1;
+		return !0;
+	}
 })(Qe ||= {});
 //#endregion
 //#region src/hooks/useImageLoader.ts
@@ -1017,87 +1040,87 @@ function tt(e) {
 }
 //#endregion
 //#region src/primitives/Image.tsx
-function nt({ ref: e, alt: t, loadingMode: n, source: r, src: i, onError: a, onLoad: o, onLoadStart: s, onSizeChange: c, ...u }) {
-	let d = r ? Qe.asProps(r) : void 0, f = et({
-		sizes: d?.sizes,
-		src: i,
-		srcSet: d?.srcSet
+function nt({ ref: e, alt: t, loadingMode: n, source: r, onError: i, onLoad: a, onLoadStart: o, onSizeChange: s, ...c }) {
+	let u = typeof r == "string" ? r : r[0], d = typeof r == "string" ? void 0 : r[1], f = d ? Qe.asProps(d) : void 0, p = et({
+		sizes: f?.sizes,
+		src: u,
+		srcSet: f?.srcSet
 	}, {
-		onError: a,
-		onLoad: o,
-		onLoadStart: s
+		onError: i,
+		onLoad: a,
+		onLoadStart: o
 	});
 	return l(() => {
-		c?.(f);
-	}, [f?.width, f?.height]), /* @__PURE__ */ (0, O.jsx)("img", {
-		...u,
-		...d,
+		s?.(p);
+	}, [p?.width, p?.height]), /* @__PURE__ */ (0, O.jsx)("img", {
+		...c,
+		...f,
 		ref: e,
 		alt: t,
 		loading: n,
-		src: i
+		src: u
 	});
 }
 process.env.NODE_ENV === "development" && (nt.displayName = "Image");
 //#endregion
 //#region src/primitives/Picture.tsx
-function rt({ ref: e, alt: t, loadingMode: n, sources: r = [], src: i, onError: a, onLoad: o, onLoadStart: s, onSizeChange: c, ...l }) {
+function rt({ ref: e, alt: t, loadingMode: n, source: r, onError: i, onLoad: a, onLoadStart: o, onSizeChange: s, ...c }) {
+	let l = typeof r == "string" ? r : r[0], u = typeof r == "string" ? [] : r.slice(1);
 	return /* @__PURE__ */ (0, O.jsxs)("picture", {
-		...l,
+		...c,
 		ref: e,
-		children: [r.map((e, t) => /* @__PURE__ */ (0, O.jsx)("source", { ...Qe.asProps(e) }, t)), /* @__PURE__ */ (0, O.jsx)(nt, {
+		children: [u.map((e, t) => /* @__PURE__ */ (0, O.jsx)("source", { ...Qe.asProps(e) }, t)), /* @__PURE__ */ (0, O.jsx)(nt, {
 			style: {
 				height: "100%",
 				width: "100%"
 			},
 			alt: t,
 			loadingMode: n,
-			src: i,
-			onError: a,
-			onLoad: o,
-			onLoadStart: s,
-			onSizeChange: c
+			source: l,
+			onError: i,
+			onLoad: a,
+			onLoadStart: o,
+			onSizeChange: s
 		})]
 	});
 }
 process.env.NODE_ENV === "development" && (rt.displayName = "Picture");
 //#endregion
 //#region src/components/CoverImage.tsx
-function it({ ref: e, style: t, alt: n, aspectRatio: r = NaN, children: i, loadingMode: a, sources: o, src: s, onError: c, onLoad: l, onLoadStart: u, ...d }) {
-	let m = (e) => {
-		v(e ? e.width / e.height : NaN);
-	}, h = f(null), g = e ?? h, [_, v] = p(NaN), y = isNaN(r) ? _ : r, b = Ze(g), x = b.width / b.height, S = q.make(x > 1 ? Math.max(b.width, b.height * y) : Math.max(b.width, Math.max(b.height, b.width / y) * y), x > 1 ? Math.max(b.height, Math.max(b.width, b.height * y) / y) : Math.max(b.height, b.width / y)), C = j(i, {
+function it({ ref: e, style: t, alt: n, aspectRatio: r = NaN, children: i, loadingMode: a, source: o, onError: s, onLoad: c, onLoadStart: l, ...u }) {
+	let d = (e) => {
+		_(e ? e.width / e.height : NaN);
+	}, m = f(null), h = e ?? m, [g, _] = p(NaN), v = isNaN(r) ? g : r, y = Ze(h), b = y.width / y.height, x = q.make(b > 1 ? Math.max(y.width, y.height * v) : Math.max(y.width, Math.max(y.height, y.width / v) * v), b > 1 ? Math.max(y.height, Math.max(y.width, y.height * v) / v) : Math.max(y.height, y.width / v)), S = j(i, {
 		content: it.Content,
 		viewport: it.Viewport
 	});
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
-		...d,
-		ref: g,
+		...u,
+		ref: h,
 		style: F(t, at.root),
 		children: [
 			/* @__PURE__ */ (0, O.jsx)(rt, {
 				style: F(at.viewport, {
-					height: `${S.height}px`,
+					height: `${x.height}px`,
 					maxWidth: "unset",
-					width: `${S.width}px`
+					width: `${x.width}px`
 				}),
 				alt: n,
-				sources: o,
-				src: s,
-				onError: c,
-				onLoad: l,
-				onLoadStart: u,
-				onSizeChange: (e) => m(e)
+				source: o,
+				onError: s,
+				onLoad: c,
+				onLoadStart: l,
+				onSizeChange: (e) => d(e)
 			}),
-			C.viewport && /* @__PURE__ */ (0, O.jsx)(P, {
+			S.viewport && /* @__PURE__ */ (0, O.jsx)(P, {
 				style: F(at.viewport, {
-					height: `${S.height}px`,
+					height: `${x.height}px`,
 					pointerEvents: "none",
-					width: `${S.width}px`
+					width: `${x.width}px`
 				}),
-				element: C.viewport
+				element: S.viewport
 			}),
-			C.content
+			S.content
 		]
 	});
 }
@@ -1153,7 +1176,7 @@ function ct(e) {
 }
 //#endregion
 //#region src/primitives/Video.tsx
-function lt({ ref: e, autoLoop: t = !0, autoPlay: n = !0, playsInline: r = !0, posterSrc: i, src: a, hasControls: o = !1, isMuted: s = !0, onCanPlay: c, onEnd: u, onFullscreenChange: d, onLoadMetadata: p, onLoadMetadataComplete: m, onLoadMetadataError: h, onPause: g, onPlay: _, onSizeChange: v, onTimeUpdate: y, ...b }) {
+function lt({ ref: e, autoLoop: t = !0, autoPlay: n = !0, playsInline: r = !0, poster: i, source: a, hasControls: o = !1, isMuted: s = !0, onCanPlay: c, onEnd: u, onFullscreenChange: d, onLoadMetadata: p, onLoadMetadataComplete: m, onLoadMetadataError: h, onPause: g, onPlay: _, onSizeChange: v, onTimeUpdate: y, ...b }) {
 	let x = f(null), S = e ?? x, C = st(a, {
 		onError: h,
 		onLoad: m,
@@ -1215,7 +1238,7 @@ function lt({ ref: e, autoLoop: t = !0, autoPlay: n = !0, playsInline: r = !0, p
 process.env.NODE_ENV === "development" && (lt.displayName = "Video");
 //#endregion
 //#region src/components/CoverVideo.tsx
-function ut({ className: e, ref: t, style: n, aspectRatio: r = NaN, autoLoop: i, autoPlay: a, children: o, playsInline: s, posterSrc: c, src: l, hasControls: u, isMuted: d, onCanPlay: m, onEnd: h, onFullscreenChange: g, onLoadMetadata: _, onLoadMetadataComplete: v, onLoadMetadataError: y, onPause: b, onPlay: x, onSizeChange: S, ...C }) {
+function ut({ className: e, ref: t, style: n, aspectRatio: r = NaN, autoLoop: i, autoPlay: a, children: o, playsInline: s, poster: c, source: l, hasControls: u, isMuted: d, onCanPlay: m, onEnd: h, onFullscreenChange: g, onLoadMetadata: _, onLoadMetadataComplete: v, onLoadMetadataError: y, onPause: b, onPlay: x, onSizeChange: S, ...C }) {
 	let w = (e) => {
 		k(e ? e.width / e.height : NaN), S?.(e);
 	}, T = t ?? f(null), E = Ze(T), [D, k] = p(NaN), A = isNaN(r) ? D : r, M = E.width / E.height, N = q.make(M > 1 ? Math.max(E.width, E.height * A) : Math.max(E.width, Math.max(E.height, E.width / A) * A), M > 1 ? Math.max(E.height, Math.max(E.width, E.height * A) / A) : Math.max(E.height, E.width / A)), I = j(o, {
@@ -1237,8 +1260,8 @@ function ut({ className: e, ref: t, style: n, aspectRatio: r = NaN, autoLoop: i,
 				autoLoop: i,
 				autoPlay: a,
 				playsInline: s,
-				posterSrc: c,
-				src: l,
+				poster: c,
+				source: l,
 				hasControls: u,
 				isMuted: d,
 				onCanPlay: m,
@@ -6339,7 +6362,7 @@ function dn(e, t) {
 	}, [e]), n.current;
 }
 //#endregion
-//#region src/hooks/useScrollPosition.ts
+//#region src/hooks/useScrollPositionObserver.ts
 function fn(...e) {
 	let t = typeof e[0] == "function" ? void 0 : e[0], n = typeof e[0] == "function" ? e[0] : e[1], r = typeof e[0] == "function" ? e[1] ?? [] : e[2] ?? [], i = Z(n), a = f(void 0), o = f(!1);
 	u(() => {
@@ -8876,24 +8899,54 @@ function si({ knobSize: e = q.zero, orientation: t = "horizontal", isInverted: n
 }
 process.env.NODE_ENV === "development" && (ai.displayName = "Toggle", ai.Knob.displayName = "Toggle.Knob", ai.Track.displayName = "Toggle.Track");
 //#endregion
+//#region src/providers/ScrollPositionProvider.tsx
+var ci = a(void 0), li = a(void 0), ui = a(void 0);
+function di({ children: e, target: t }) {
+	let [n, r] = p(), [i, a] = p(), [o, s] = p();
+	return fn(t, (e) => {
+		s(e), r(e.current.y <= e.start.y), a(e.current.y >= e.end.y);
+	}), /* @__PURE__ */ (0, O.jsx)(li.Provider, {
+		value: n,
+		children: /* @__PURE__ */ (0, O.jsx)(ui.Provider, {
+			value: i,
+			children: /* @__PURE__ */ (0, O.jsx)(ci.Provider, {
+				value: o,
+				children: e
+			})
+		})
+	});
+}
+function fi() {
+	let e = s(li);
+	return e === void 0 && console.warn("[etudes::useIsScrollTop] `useIsScrollTop` must be used within a `ScrollPositionProvider`"), e;
+}
+function pi() {
+	let e = s(ui);
+	return e === void 0 && console.warn("[etudes::useIsScrollBottom] `useIsScrollBottom` must be used within a `ScrollPositionProvider`"), e;
+}
+function mi() {
+	let e = s(ci);
+	return e || console.warn("[etudes::useScrollPosition] `useScrollPosition` must be used within a `ScrollPositionProvider`"), e;
+}
+//#endregion
 //#region src/utils/createKeyDeep.ts
-function ci(e) {
-	return e == null ? "" : Array.isArray(e) ? JSON.stringify(e.map(ci)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => [e, ci(t)])) : _t(e);
+function hi(e) {
+	return e == null ? "" : Array.isArray(e) ? JSON.stringify(e.map(hi)) : typeof e == "object" ? JSON.stringify(Object.entries(e).sort(([e], [t]) => e.localeCompare(t)).map(([e, t]) => [e, hi(t)])) : _t(e);
 }
 //#endregion
 //#region src/utils/ExtractChildren.tsx
-function li({ children: e, ...n }) {
+function gi({ children: e, ...n }) {
 	return /* @__PURE__ */ (0, O.jsx)(O.Fragment, { children: t.map(e, (e) => o(e) ? N(e, { ...n }) : e) });
 }
-process.env.NODE_ENV === "development" && (li.displayName = "ExtractChildren");
+process.env.NODE_ENV === "development" && (gi.displayName = "ExtractChildren");
 //#endregion
 //#region src/utils/getSystemColorScheme.ts
-function ui() {
+function _i() {
 	return typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 //#endregion
 //#region src/utils/NoSSR.tsx
-function di({ children: e, fallback: t = void 0 }) {
+function vi({ children: e, fallback: t = void 0 }) {
 	let [n, i] = p(!1);
 	if (l(() => {
 		i(typeof window < "u");
@@ -8903,4 +8956,4 @@ function di({ children: e, fallback: t = void 0 }) {
 	});
 }
 //#endregion
-export { Q as Accordion, I as Burger, R as BurgerButton, ft as Button, qn as Carousel, er as CodeInput, kn as Collection, kt as Conditional, or as Counter, it as CoverImage, ut as CoverVideo, cr as Dial, fr as Dropdown, At as Each, Nt as ExtractChild, li as ExtractChildren, vr as Form, nt as Image, Qe as ImageSource, br as MasonryGrid, di as NoSSR, ht as OptionButton, bt as Panorama, Et as PanoramaSlider, rt as Picture, $ as RangeSlider, k as Repeat, Lr as ScrollableCarousel, Hr as Select, Ot as SelectableButton, Wr as Slider, Yr as StepSlider, P as Styled, ri as SwipeRegion, jt as Switch, ii as TextArea, ar as TextField, ai as Toggle, lt as Video, It as WithTooltip, A as asClassNameDict, j as asComponentDict, M as asStyleDict, N as cloneStyledElement, _t as createKey, ci as createKeyDeep, tn as createLocalCache, _n as createSessionCache, Cn as getStyle, ui as getSystemColorScheme, Zt as isTouchDevice, Pt as measureIntrinsicSize, wn as setStyle, Ft as setStyles, F as styles, Vt as useClassName, Ht as useClickOutside, Ut as useCopyBlobToClipboard, Kt as useDPR, Wt as useDownloadBlob, qt as useDrag, Jt as useDropzone, $e as useImageLoader, et as useImageSize, vt as useInertiaDrag, Je as useIntersectionObserver, Yt as useInterval, Xt as useIsMounted, Qt as useIsTouchDevice, $t as useKeyboardShortcut, Z as useLatest, sn as useLocalCache, cn as useMouseEnter, ln as useMouseLeave, un as useOS, dn as usePrevious, Ze as useRect, fn as useScrollPosition, Sn as useSessionCache, yt as useSize, Ye as useSizeObserver, Tn as useStyle, En as useSystemColorScheme, Dn as useTimeout, ot as useVideoMetadataLoader, st as useVideoSize, Xe as useViewportSize };
+export { Q as Accordion, I as Burger, R as BurgerButton, ft as Button, qn as Carousel, er as CodeInput, kn as Collection, kt as Conditional, or as Counter, it as CoverImage, ut as CoverVideo, cr as Dial, fr as Dropdown, At as Each, Nt as ExtractChild, gi as ExtractChildren, vr as Form, nt as Image, Qe as ImageSource, br as MasonryGrid, vi as NoSSR, ht as OptionButton, bt as Panorama, Et as PanoramaSlider, rt as Picture, $ as RangeSlider, k as Repeat, di as ScrollPositionProvider, Lr as ScrollableCarousel, Hr as Select, Ot as SelectableButton, Wr as Slider, Yr as StepSlider, P as Styled, ri as SwipeRegion, jt as Switch, ii as TextArea, ar as TextField, ai as Toggle, lt as Video, It as WithTooltip, A as asClassNameDict, j as asComponentDict, M as asStyleDict, N as cloneStyledElement, _t as createKey, hi as createKeyDeep, tn as createLocalCache, _n as createSessionCache, Cn as getStyle, _i as getSystemColorScheme, Zt as isTouchDevice, Pt as measureIntrinsicSize, wn as setStyle, Ft as setStyles, F as styles, Vt as useClassName, Ht as useClickOutside, Ut as useCopyBlobToClipboard, Kt as useDPR, Wt as useDownloadBlob, qt as useDrag, Jt as useDropzone, $e as useImageLoader, et as useImageSize, vt as useInertiaDrag, Je as useIntersectionObserver, Yt as useInterval, Xt as useIsMounted, pi as useIsScrollBottom, fi as useIsScrollTop, Qt as useIsTouchDevice, $t as useKeyboardShortcut, Z as useLatest, sn as useLocalCache, cn as useMouseEnter, ln as useMouseLeave, un as useOS, dn as usePrevious, Ze as useRect, mi as useScrollPosition, fn as useScrollPositionObserver, Sn as useSessionCache, yt as useSize, Ye as useSizeObserver, Tn as useStyle, En as useSystemColorScheme, Dn as useTimeout, ot as useVideoMetadataLoader, st as useVideoSize, Xe as useViewportSize };