@pyreon/zero 0.22.0 → 0.24.0

package/lib/font.js

@@ -1,5 +1,5 @@
-import { mkdir, readFile, writeFile } from "node:fs/promises";
 import { join } from "node:path";
+import { mkdir, readFile, writeFile } from "node:fs/promises";
 
 //#region src/font.ts
 /**

package/lib/image-plugin.js

@@ -1,6 +1,6 @@
 import { existsSync } from "node:fs";
-import { mkdir, readFile, writeFile } from "node:fs/promises";
 import { basename, extname, join } from "node:path";
+import { mkdir, readFile, writeFile } from "node:fs/promises";
 
 //#region src/image-plugin.ts
 let sharpWarned = false;

package/lib/image.js

@@ -1,32 +1,8 @@
-import { createRef, onMount, onUnmount } from "@pyreon/core";
-import { signal } from "@pyreon/reactivity";
+import { t as useIntersectionObserver } from "./_chunks/use-intersection-observer-C6opeplh.js";
+import { createRef } from "@pyreon/core";
 import { jsx, jsxs } from "@pyreon/core/jsx-runtime";
+import { signal } from "@pyreon/reactivity";
 
-//#region src/utils/use-intersection-observer.ts
-/**
-* Observes an element and calls `onIntersect` once it enters the viewport.
-* Automatically disconnects after the first intersection.
-*
-* @param getElement - Getter for the target element (may be undefined before mount).
-* @param onIntersect - Callback fired when the element becomes visible.
-* @param rootMargin - IntersectionObserver rootMargin. Default: "200px".
-*/
-function useIntersectionObserver(getElement, onIntersect, rootMargin = "200px") {
-	onMount(() => {
-		const el = getElement();
-		if (!el) return void 0;
-		const observer = new IntersectionObserver((entries) => {
-			for (const entry of entries) if (entry.isIntersecting) {
-				onIntersect();
-				observer.disconnect();
-			}
-		}, { rootMargin });
-		observer.observe(el);
-		onUnmount(() => observer.disconnect());
-	});
-}
-
-//#endregion
 //#region src/image.tsx
 /**
 * Composable that provides all image optimization behavior — lazy loading,