denwa-web-shared 1.0.20 → 1.0.21

package/dist/server/index.cjs.js

@@ -6663,22 +6663,21 @@ const BasePicture = ({
     mobileImage2xAvif
   } = data;
   return /* @__PURE__ */ jsxRuntime.jsxs("picture", { ...pictureProps, children: [
-    mobileImage1x && /* @__PURE__ */ jsxRuntime.jsx(
+    image1xAvif && /* @__PURE__ */ jsxRuntime.jsx(
       "source",
       {
-        srcSet: `${mobileImage1x} 1x${mobileImage2x ? `, ${mobileImage2x} 2x` : ""}`,
-        media: `(max-width: ${mobileMaxWidth}px)`,
-        type
+        srcSet: `${image1xAvif} 1x${image2xAvif ? `, ${image2xAvif} 2x` : ""}`,
+        type: "image/avif"
       }
     ),
-    mobileImage1xWebp && /* @__PURE__ */ jsxRuntime.jsx(
+    image1xWebp && /* @__PURE__ */ jsxRuntime.jsx(
       "source",
       {
-        srcSet: `${mobileImage1xWebp} 1x${mobileImage2xWebp ? `, ${mobileImage2xWebp} 2x` : ""}`,
-        media: `(max-width: ${mobileMaxWidth}px)`,
+        srcSet: `${image1xWebp} 1x${image2xWebp ? `, ${image2xWebp} 2x` : ""}`,
         type: "image/webp"
       }
     ),
+    /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: `${image1x} 1x${image2x ? `, ${image2x} 2x` : ""}`, type }),
     mobileImage1xAvif && /* @__PURE__ */ jsxRuntime.jsx(
       "source",
       {
@@ -6687,29 +6686,31 @@ const BasePicture = ({
         type: "image/avif"
       }
     ),
-    image1xWebp && /* @__PURE__ */ jsxRuntime.jsx(
+    mobileImage1xWebp && /* @__PURE__ */ jsxRuntime.jsx(
       "source",
       {
-        srcSet: `${image1xWebp} 1x${image2xWebp ? `, ${image2xWebp} 2x` : ""}`,
+        srcSet: `${mobileImage1xWebp} 1x${mobileImage2xWebp ? `, ${mobileImage2xWebp} 2x` : ""}`,
+        media: `(max-width: ${mobileMaxWidth}px)`,
         type: "image/webp"
       }
     ),
-    image1xAvif && /* @__PURE__ */ jsxRuntime.jsx(
+    mobileImage1x && /* @__PURE__ */ jsxRuntime.jsx(
       "source",
       {
-        srcSet: `${image1xAvif} 1x${image2xAvif ? `, ${image2xAvif} 2x` : ""}`,
-        type: "image/avif"
+        srcSet: `${mobileImage1x} 1x${mobileImage2x ? `, ${mobileImage2x} 2x` : ""}`,
+        media: `(max-width: ${mobileMaxWidth}px)`,
+        type
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("source", { srcSet: `${image1x} 1x${image2x ? `, ${image2x} 2x` : ""}`, type }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
         ...imgProps,
-        className: imgProps == null ? void 0 : imgProps.className,
         src: image1x,
         alt,
-        loading
+        loading,
+        decoding: loading === "eager" ? "sync" : "async",
+        fetchPriority: loading === "eager" ? "high" : "low"
       }
     )
   ] });

package/dist/server/index.es.js

@@ -6661,22 +6661,21 @@ const BasePicture = ({
     mobileImage2xAvif
   } = data;
   return /* @__PURE__ */ jsxs("picture", { ...pictureProps, children: [
-    mobileImage1x && /* @__PURE__ */ jsx(
+    image1xAvif && /* @__PURE__ */ jsx(
       "source",
       {
-        srcSet: `${mobileImage1x} 1x${mobileImage2x ? `, ${mobileImage2x} 2x` : ""}`,
-        media: `(max-width: ${mobileMaxWidth}px)`,
-        type
+        srcSet: `${image1xAvif} 1x${image2xAvif ? `, ${image2xAvif} 2x` : ""}`,
+        type: "image/avif"
       }
     ),
-    mobileImage1xWebp && /* @__PURE__ */ jsx(
+    image1xWebp && /* @__PURE__ */ jsx(
       "source",
       {
-        srcSet: `${mobileImage1xWebp} 1x${mobileImage2xWebp ? `, ${mobileImage2xWebp} 2x` : ""}`,
-        media: `(max-width: ${mobileMaxWidth}px)`,
+        srcSet: `${image1xWebp} 1x${image2xWebp ? `, ${image2xWebp} 2x` : ""}`,
         type: "image/webp"
       }
     ),
+    /* @__PURE__ */ jsx("source", { srcSet: `${image1x} 1x${image2x ? `, ${image2x} 2x` : ""}`, type }),
     mobileImage1xAvif && /* @__PURE__ */ jsx(
       "source",
       {
@@ -6685,29 +6684,31 @@ const BasePicture = ({
         type: "image/avif"
       }
     ),
-    image1xWebp && /* @__PURE__ */ jsx(
+    mobileImage1xWebp && /* @__PURE__ */ jsx(
       "source",
       {
-        srcSet: `${image1xWebp} 1x${image2xWebp ? `, ${image2xWebp} 2x` : ""}`,
+        srcSet: `${mobileImage1xWebp} 1x${mobileImage2xWebp ? `, ${mobileImage2xWebp} 2x` : ""}`,
+        media: `(max-width: ${mobileMaxWidth}px)`,
         type: "image/webp"
       }
     ),
-    image1xAvif && /* @__PURE__ */ jsx(
+    mobileImage1x && /* @__PURE__ */ jsx(
       "source",
       {
-        srcSet: `${image1xAvif} 1x${image2xAvif ? `, ${image2xAvif} 2x` : ""}`,
-        type: "image/avif"
+        srcSet: `${mobileImage1x} 1x${mobileImage2x ? `, ${mobileImage2x} 2x` : ""}`,
+        media: `(max-width: ${mobileMaxWidth}px)`,
+        type
       }
     ),
-    /* @__PURE__ */ jsx("source", { srcSet: `${image1x} 1x${image2x ? `, ${image2x} 2x` : ""}`, type }),
     /* @__PURE__ */ jsx(
       "img",
       {
         ...imgProps,
-        className: imgProps == null ? void 0 : imgProps.className,
         src: image1x,
         alt,
-        loading
+        loading,
+        decoding: loading === "eager" ? "sync" : "async",
+        fetchPriority: loading === "eager" ? "high" : "low"
       }
     )
   ] });

package/dist/server/ui/image.d.ts

@@ -1,6 +1,6 @@
 import { DetailedHTMLProps, FC, HTMLAttributes, ImgHTMLAttributes } from 'react';
 import { ImageType } from '../types';
-export interface BasePictureProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
+export interface BasePictureProps extends DetailedHTMLProps<HTMLAttributes<HTMLPictureElement>, HTMLPictureElement> {
     imgProps?: DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
     data: PictureData;
     type: ImageType;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "denwa-web-shared",
   "private": false,
-  "version": "1.0.20",
+  "version": "1.0.21",
   "type": "module",
   "author": "Denwa",
   "main": "dist/denwa-web-shared.cjs.js",