@pyreon/zero 0.4.1 → 0.11.0

package/lib/index.js

@@ -764,7 +764,7 @@ function useIntersectionObserver(getElement, onIntersect, rootMargin = "200px")
 }
 
 //#endregion
-//#region ../../node_modules/.bun/@pyreon+core@0.7.5/node_modules/@pyreon/core/lib/jsx-runtime.js
+//#region ../../core/core/lib/jsx-runtime.js
 /**
 * Hyperscript function — the compiled output of JSX.
 * `<div class="x">hello</div>` → `h("div", { class: "x" }, "hello")`
@@ -849,15 +849,15 @@ function Image(props) {
 	].filter(Boolean).join("; ");
 	const imgEl = /* @__PURE__ */ jsx("img", {
 		src: () => inView() ? props.src : "",
-		srcset: () => !hasFormats && inView() && resolvedSrcset ? resolvedSrcset : "",
+		srcSet: () => !hasFormats && inView() && resolvedSrcset ? resolvedSrcset : "",
 		sizes: resolvedSrcset ? sizes : void 0,
 		alt: props.alt,
 		width: props.width,
 		height: props.height,
 		loading: isEager ? "eager" : "lazy",
 		decoding: props.decoding ?? "async",
-		fetchpriority: props.priority ? "high" : void 0,
-		onload: () => loaded.set(true),
+		fetchPriority: props.priority ? "high" : void 0,
+		onLoad: () => loaded.set(true),
 		style: () => [
 			"display: block",
 			"width: 100%",
@@ -889,7 +889,7 @@ function Image(props) {
 			].join("; ")
 		}), hasFormats ? /* @__PURE__ */ jsxs("picture", { children: [props.formats?.map((fmt) => /* @__PURE__ */ jsx("source", {
 			type: fmt.type,
-			srcset: () => inView() ? fmt.srcset : void 0,
+			srcSet: () => inView() ? fmt.srcset ?? "" : "",
 			sizes
 		})), imgEl] }) : imgEl]
 	});
@@ -923,7 +923,7 @@ function doPrefetch(href) {
 * function MyLink(props: LinkProps) {
 *   const link = useLink(props)
 *   return (
-*     <button ref={link.ref} class={link.classes()} onclick={link.handleClick}>
+*     <button ref={link.ref} class={link.classes()} onClick={link.handleClick}>
 *       {props.children}
 *     </button>
 *   )
@@ -985,8 +985,8 @@ function useLink(props) {
 *   <button
 *     ref={props.ref}
 *     class={props.class}
-*     onclick={props.onClick}
-*     onmouseenter={props.onMouseEnter}
+*     onClick={props.onClick}
+*     onMouseEnter={props.onMouseEnter}
 *   >
 *     {props.children}
 *   </button>
@@ -997,8 +997,8 @@ function useLink(props) {
 *   <div
 *     ref={props.ref}
 *     class={`card ${props.isActive() ? "card--active" : ""}`}
-*     onclick={props.onClick}
-*     onmouseenter={props.onMouseEnter}
+*     onClick={props.onClick}
+*     onMouseEnter={props.onMouseEnter}
 *   >
 *     {props.children}
 *   </div>
@@ -1046,9 +1046,9 @@ const Link = createLink((props) => /* @__PURE__ */ jsx("a", {
 	...props.rel ? { rel: props.rel } : {},
 	...props["aria-label"] ? { "aria-label": props["aria-label"] } : {},
 	...props.isExactActive() ? { "aria-current": "page" } : {},
-	onclick: props.onClick,
-	onmouseenter: props.onMouseEnter,
-	ontouchstart: props.onTouchStart,
+	onClick: props.onClick,
+	onMouseEnter: props.onMouseEnter,
+	onTouchStart: props.onTouchStart,
 	children: props.children
 }));
 
@@ -1798,7 +1798,7 @@ function ThemeToggle(props) {
 	return /* @__PURE__ */ jsx("button", {
 		class: props.class,
 		style: props.style,
-		onclick: toggleTheme,
+		onClick: toggleTheme,
 		"aria-label": "Toggle theme",
 		title: "Toggle theme",
 		type: "button",