@absolutejs/absolute 0.19.0-beta.773 → 0.19.0-beta.774

package/dist/react/components/browser/index.js

@@ -1,5 +1,5 @@
 // src/react/components/Head.tsx
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
 var RobotsContent = ({ robots }) => {
   const directives = [];
   if (robots.index === false)
@@ -23,110 +23,110 @@ var RobotsContent = ({ robots }) => {
   if (robots.maxVideoPreview !== undefined)
     directives.push(`max-video-preview:${robots.maxVideoPreview}`);
   const content = directives.join(", ");
-  return content ? /* @__PURE__ */ jsx("meta", {
+  return content ? /* @__PURE__ */ jsxDEV("meta", {
     content,
     name: "robots"
-  }) : null;
+  }, undefined, false, undefined, this) : null;
 };
 var OpenGraphTags = ({
   openGraph,
   title,
   description
-}) => /* @__PURE__ */ jsxs(Fragment, {
+}) => /* @__PURE__ */ jsxDEV(Fragment, {
   children: [
-    /* @__PURE__ */ jsx("meta", {
+    /* @__PURE__ */ jsxDEV("meta", {
       content: openGraph.title ?? title,
       property: "og:title"
-    }),
-    /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV("meta", {
       content: openGraph.description ?? description,
       property: "og:description"
-    }),
-    openGraph.url && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    openGraph.url && /* @__PURE__ */ jsxDEV("meta", {
       content: openGraph.url,
       property: "og:url"
-    }),
-    openGraph.image && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    openGraph.image && /* @__PURE__ */ jsxDEV("meta", {
       content: openGraph.image,
       property: "og:image"
-    }),
-    openGraph.imageAlt && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    openGraph.imageAlt && /* @__PURE__ */ jsxDEV("meta", {
       content: openGraph.imageAlt,
       property: "og:image:alt"
-    }),
-    openGraph.imageWidth && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    openGraph.imageWidth && /* @__PURE__ */ jsxDEV("meta", {
       content: String(openGraph.imageWidth),
       property: "og:image:width"
-    }),
-    openGraph.imageHeight && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    openGraph.imageHeight && /* @__PURE__ */ jsxDEV("meta", {
       content: String(openGraph.imageHeight),
       property: "og:image:height"
-    }),
-    openGraph.type && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    openGraph.type && /* @__PURE__ */ jsxDEV("meta", {
       content: openGraph.type,
       property: "og:type"
-    }),
-    openGraph.siteName && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    openGraph.siteName && /* @__PURE__ */ jsxDEV("meta", {
       content: openGraph.siteName,
       property: "og:site_name"
-    }),
-    openGraph.locale && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    openGraph.locale && /* @__PURE__ */ jsxDEV("meta", {
       content: openGraph.locale,
       property: "og:locale"
-    })
+    }, undefined, false, undefined, this)
   ]
-});
+}, undefined, true, undefined, this);
 var TwitterTags = ({
   twitter,
   title,
   description
-}) => /* @__PURE__ */ jsxs(Fragment, {
+}) => /* @__PURE__ */ jsxDEV(Fragment, {
   children: [
-    twitter.card && /* @__PURE__ */ jsx("meta", {
+    twitter.card && /* @__PURE__ */ jsxDEV("meta", {
       content: twitter.card,
       name: "twitter:card"
-    }),
-    /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV("meta", {
       content: twitter.title ?? title,
       name: "twitter:title"
-    }),
-    /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV("meta", {
       content: twitter.description ?? description,
       name: "twitter:description"
-    }),
-    twitter.image && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    twitter.image && /* @__PURE__ */ jsxDEV("meta", {
       content: twitter.image,
       name: "twitter:image"
-    }),
-    twitter.imageAlt && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    twitter.imageAlt && /* @__PURE__ */ jsxDEV("meta", {
       content: twitter.imageAlt,
       name: "twitter:image:alt"
-    }),
-    twitter.site && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    twitter.site && /* @__PURE__ */ jsxDEV("meta", {
       content: twitter.site,
       name: "twitter:site"
-    }),
-    twitter.creator && /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    twitter.creator && /* @__PURE__ */ jsxDEV("meta", {
       content: twitter.creator,
       name: "twitter:creator"
-    })
+    }, undefined, false, undefined, this)
   ]
-});
+}, undefined, true, undefined, this);
 var CustomMetaTag = ({ tag }) => {
   if (tag.property)
-    return /* @__PURE__ */ jsx("meta", {
+    return /* @__PURE__ */ jsxDEV("meta", {
       content: tag.content,
       property: tag.property
-    });
+    }, undefined, false, undefined, this);
   if (tag.httpEquiv)
-    return /* @__PURE__ */ jsx("meta", {
+    return /* @__PURE__ */ jsxDEV("meta", {
       content: tag.content,
       httpEquiv: tag.httpEquiv
-    });
-  return /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsxDEV("meta", {
     content: tag.content,
     name: tag.name
-  });
+  }, undefined, false, undefined, this);
 };
 var Head = ({
   title = "AbsoluteJS",
@@ -139,74 +139,74 @@ var Head = ({
   twitter,
   robots,
   meta
-} = {}) => /* @__PURE__ */ jsxs("head", {
+} = {}) => /* @__PURE__ */ jsxDEV("head", {
   suppressHydrationWarning: true,
   children: [
-    /* @__PURE__ */ jsx("meta", {
+    /* @__PURE__ */ jsxDEV("meta", {
       charSet: "utf-8"
-    }),
-    /* @__PURE__ */ jsx("title", {
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV("title", {
       children: title
-    }),
-    /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV("meta", {
       content: description,
       name: "description"
-    }),
-    /* @__PURE__ */ jsx("meta", {
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV("meta", {
       content: "width=device-width, initial-scale=1",
       name: "viewport"
-    }),
-    /* @__PURE__ */ jsx("link", {
+    }, undefined, false, undefined, this),
+    /* @__PURE__ */ jsxDEV("link", {
       href: icon,
       rel: "icon"
-    }),
-    canonical && /* @__PURE__ */ jsx("link", {
+    }, undefined, false, undefined, this),
+    canonical && /* @__PURE__ */ jsxDEV("link", {
       href: canonical,
       rel: "canonical"
-    }),
-    openGraph && /* @__PURE__ */ jsx(OpenGraphTags, {
+    }, undefined, false, undefined, this),
+    openGraph && /* @__PURE__ */ jsxDEV(OpenGraphTags, {
       description,
       openGraph,
       title
-    }),
-    twitter && /* @__PURE__ */ jsx(TwitterTags, {
+    }, undefined, false, undefined, this),
+    twitter && /* @__PURE__ */ jsxDEV(TwitterTags, {
       description,
       title,
       twitter
-    }),
-    robots && /* @__PURE__ */ jsx(RobotsContent, {
+    }, undefined, false, undefined, this),
+    robots && /* @__PURE__ */ jsxDEV(RobotsContent, {
       robots
-    }),
-    meta?.map((tag, i) => /* @__PURE__ */ jsx(CustomMetaTag, {
+    }, undefined, false, undefined, this),
+    meta?.map((tag, i) => /* @__PURE__ */ jsxDEV(CustomMetaTag, {
       tag
-    }, i)),
-    font && /* @__PURE__ */ jsxs(Fragment, {
+    }, i, false, undefined, this)),
+    font && /* @__PURE__ */ jsxDEV(Fragment, {
       children: [
-        /* @__PURE__ */ jsx("link", {
+        /* @__PURE__ */ jsxDEV("link", {
           href: "https://fonts.googleapis.com",
           rel: "preconnect"
-        }),
-        /* @__PURE__ */ jsx("link", {
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("link", {
           crossOrigin: "anonymous",
           href: "https://fonts.gstatic.com",
           rel: "preconnect",
           suppressHydrationWarning: true
-        }),
-        /* @__PURE__ */ jsx("link", {
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("link", {
           href: `https://fonts.googleapis.com/css2?family=${font}:wght@100..900&display=swap`,
           rel: "stylesheet",
           suppressHydrationWarning: true
-        })
+        }, undefined, false, undefined, this)
       ]
-    }),
-    cssPath && [cssPath].flat().map((path) => /* @__PURE__ */ jsx("link", {
+    }, undefined, true, undefined, this),
+    cssPath && [cssPath].flat().map((path) => /* @__PURE__ */ jsxDEV("link", {
       href: path,
       rel: "stylesheet",
       suppressHydrationWarning: true,
       type: "text/css"
-    }, path))
+    }, path, false, undefined, this))
   ]
-});
+}, undefined, true, undefined, this);
 // src/constants.ts
 var HOURS_IN_DAY = 24;
 var IMAGE_DEFAULT_DEVICE_SIZES = [
@@ -268,7 +268,7 @@ var generateSrcSet = (src, width, sizes, deviceSizes, imageSizes) => {
 };
 
 // src/react/components/Image.tsx
-import { jsx as jsx2, jsxs as jsxs2, Fragment as Fragment2 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV2, Fragment as Fragment2 } from "react/jsx-dev-runtime";
 var resolveSource = (src, overrideSrc, unoptimized, loader, width, quality) => {
   if (overrideSrc)
     return overrideSrc;
@@ -337,15 +337,15 @@ var Image = ({
       width: "100%"
     } : { color: "transparent" }
   };
-  const preloadLink = priority ? /* @__PURE__ */ jsx2("link", {
+  const preloadLink = priority ? /* @__PURE__ */ jsxDEV2("link", {
     as: "image",
     crossOrigin,
     href: resolvedSrc,
     imageSizes: resolvedSizes,
     imageSrcSet: srcSet,
     rel: "preload"
-  }) : null;
-  const imgElement = /* @__PURE__ */ jsx2("img", {
+  }, undefined, false, undefined, this) : null;
+  const imgElement = /* @__PURE__ */ jsxDEV2("img", {
     alt,
     className,
     crossOrigin,
@@ -368,12 +368,12 @@ var Image = ({
     srcSet,
     style: imgStyle,
     width: fill ? undefined : width
-  });
+  }, undefined, false, undefined, this);
   if (fill) {
-    return /* @__PURE__ */ jsxs2(Fragment2, {
+    return /* @__PURE__ */ jsxDEV2(Fragment2, {
       children: [
         preloadLink,
-        /* @__PURE__ */ jsx2("span", {
+        /* @__PURE__ */ jsxDEV2("span", {
           style: {
             display: "block",
             height: "100%",
@@ -382,19 +382,19 @@ var Image = ({
             width: "100%"
           },
           children: imgElement
-        })
+        }, undefined, false, undefined, this)
       ]
-    });
+    }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsxs2(Fragment2, {
+  return /* @__PURE__ */ jsxDEV2(Fragment2, {
     children: [
       preloadLink,
       imgElement
     ]
-  });
+  }, undefined, true, undefined, this);
 };
 // src/react/components/JsonLd.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 var JsonLd = ({
   schema
 }) => {
@@ -403,45 +403,45 @@ var JsonLd = ({
     "@context": schemaOrgContext,
     ...s
   })) : { "@context": schemaOrgContext, ...schema };
-  return /* @__PURE__ */ jsx3("script", {
+  return /* @__PURE__ */ jsxDEV3("script", {
     dangerouslySetInnerHTML: { __html: JSON.stringify(data) },
     type: "application/ld+json"
-  });
+  }, undefined, false, undefined, this);
 };
 // src/react/components/SuspenseSlot.browser.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
 var isLegacyProps = (props) => ("fallbackHtml" in props) || ("errorHtml" in props);
 var SuspenseSlot = (props) => {
   if (isLegacyProps(props)) {
-    return /* @__PURE__ */ jsx4("div", {
+    return /* @__PURE__ */ jsxDEV4("div", {
       className: props.className,
       dangerouslySetInnerHTML: { __html: props.fallbackHtml ?? "" },
       "data-absolute-slot": "true",
       id: props.id,
       suppressHydrationWarning: true
-    });
+    }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsx4("div", {
+  return /* @__PURE__ */ jsxDEV4("div", {
     className: props.className,
     "data-absolute-slot": "true",
     id: props.id,
     suppressHydrationWarning: true,
     children: props.fallback ?? null
-  });
+  }, undefined, false, undefined, this);
 };
 // src/react/components/StreamSlot.browser.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
 var StreamSlot = ({
   className,
   fallbackHtml = "",
   id
-}) => /* @__PURE__ */ jsx5("div", {
+}) => /* @__PURE__ */ jsxDEV5("div", {
   className,
   dangerouslySetInnerHTML: { __html: fallbackHtml },
   "data-absolute-slot": "true",
   id,
   suppressHydrationWarning: true
-});
+}, undefined, false, undefined, this);
 export {
   SuspenseSlot,
   StreamSlot,