@djangocfg/nextjs 2.1.20 → 2.1.21

package/dist/og-image/components/index.mjs

@@ -1,5 +1,5 @@
 // src/og-image/components/DefaultTemplate.tsx
-import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function DefaultTemplate({
   title,
   description,
@@ -31,7 +31,7 @@ function DefaultTemplate({
 }) {
   const calculatedTitleSize = titleSize || (title.length > 60 ? 56 : 72);
   const backgroundStyle = backgroundType === "gradient" ? `linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)` : backgroundColor;
-  const gridOverlay = devMode ? /* @__PURE__ */ React.createElement(
+  const gridOverlay = devMode ? /* @__PURE__ */ jsx(
     "div",
     {
       style: {
@@ -50,7 +50,7 @@ function DefaultTemplate({
       }
     }
   ) : null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
@@ -64,102 +64,108 @@ function DefaultTemplate({
         padding: `${padding}px`,
         fontFamily: "system-ui, -apple-system, sans-serif",
         position: "relative"
-      }
-    },
-    gridOverlay,
-    (showLogo && logo || showSiteName && siteName) && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          gap: "16px"
-        }
       },
-      showLogo && logo && // eslint-disable-next-line @next/next/no-img-element
-      /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          src: logo,
-          alt: "Logo",
-          width: logoSize,
-          height: logoSize,
-          style: {
-            borderRadius: "8px"
-          }
-        }
-      ),
-      showSiteName && siteName && /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            fontSize: siteNameSize,
-            fontWeight: 600,
-            color: siteNameColor,
-            letterSpacing: "-0.02em"
+      children: [
+        gridOverlay,
+        (showLogo && logo || showSiteName && siteName) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "16px"
+            },
+            children: [
+              showLogo && logo && // eslint-disable-next-line @next/next/no-img-element
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: logo,
+                  alt: "Logo",
+                  width: logoSize,
+                  height: logoSize,
+                  style: {
+                    borderRadius: "8px"
+                  }
+                }
+              ),
+              showSiteName && siteName && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: siteNameSize,
+                    fontWeight: 600,
+                    color: siteNameColor,
+                    letterSpacing: "-0.02em"
+                  },
+                  children: siteName
+                }
+              )
+            ]
           }
-        },
-        siteName
-      )
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          flexDirection: "column",
-          gap: "24px",
-          flex: 1,
-          justifyContent: "center"
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            fontSize: calculatedTitleSize,
-            fontWeight: titleWeight,
-            color: titleColor,
-            lineHeight: 1.1,
-            letterSpacing: "-0.03em",
-            textShadow: backgroundType === "gradient" ? "0 2px 20px rgba(0, 0, 0, 0.2)" : "none",
-            maxWidth: "100%",
-            wordWrap: "break-word"
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "24px",
+              flex: 1,
+              justifyContent: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: calculatedTitleSize,
+                    fontWeight: titleWeight,
+                    color: titleColor,
+                    lineHeight: 1.1,
+                    letterSpacing: "-0.03em",
+                    textShadow: backgroundType === "gradient" ? "0 2px 20px rgba(0, 0, 0, 0.2)" : "none",
+                    maxWidth: "100%",
+                    wordWrap: "break-word"
+                  },
+                  children: title
+                }
+              ),
+              description && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: descriptionSize,
+                    fontWeight: 400,
+                    color: descriptionColor,
+                    lineHeight: 1.5,
+                    letterSpacing: "-0.01em",
+                    maxWidth: "90%",
+                    display: "-webkit-box",
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden"
+                  },
+                  children: description
+                }
+              )
+            ]
           }
-        },
-        title
-      ),
-      description && /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            fontSize: descriptionSize,
-            fontWeight: 400,
-            color: descriptionColor,
-            lineHeight: 1.5,
-            letterSpacing: "-0.01em",
-            maxWidth: "90%",
-            display: "-webkit-box",
-            WebkitLineClamp: 2,
-            WebkitBoxOrient: "vertical",
-            overflow: "hidden"
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              width: "100%",
+              height: "4px",
+              background: backgroundType === "gradient" ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)` : gradientStart,
+              borderRadius: "2px"
+            }
           }
-        },
-        description
-      )
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          width: "100%",
-          height: "4px",
-          background: backgroundType === "gradient" ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)` : gradientStart,
-          borderRadius: "2px"
-        }
-      }
-    )
+        )
+      ]
+    }
   );
 }
 function LightTemplate({
@@ -193,7 +199,7 @@ function LightTemplate({
 }) {
   const calculatedTitleSize = titleSize || (title.length > 60 ? 56 : 72);
   const backgroundStyle = backgroundType === "gradient" ? `linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)` : backgroundColor;
-  const gridOverlay = devMode ? /* @__PURE__ */ React.createElement(
+  const gridOverlay = devMode ? /* @__PURE__ */ jsx(
     "div",
     {
       style: {
@@ -212,7 +218,7 @@ function LightTemplate({
       }
     }
   ) : null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
@@ -226,97 +232,103 @@ function LightTemplate({
         padding: `${padding}px`,
         fontFamily: "system-ui, -apple-system, sans-serif",
         position: "relative"
-      }
-    },
-    gridOverlay,
-    (showLogo && logo || showSiteName && siteName) && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          gap: "16px"
-        }
       },
-      showLogo && logo && // eslint-disable-next-line @next/next/no-img-element
-      /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          src: logo,
-          alt: "Logo",
-          width: logoSize,
-          height: logoSize,
-          style: {
-            borderRadius: "8px"
-          }
-        }
-      ),
-      showSiteName && siteName && /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            fontSize: siteNameSize,
-            fontWeight: 600,
-            color: siteNameColor,
-            letterSpacing: "-0.02em"
+      children: [
+        gridOverlay,
+        (showLogo && logo || showSiteName && siteName) && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "16px"
+            },
+            children: [
+              showLogo && logo && // eslint-disable-next-line @next/next/no-img-element
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: logo,
+                  alt: "Logo",
+                  width: logoSize,
+                  height: logoSize,
+                  style: {
+                    borderRadius: "8px"
+                  }
+                }
+              ),
+              showSiteName && siteName && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: siteNameSize,
+                    fontWeight: 600,
+                    color: siteNameColor,
+                    letterSpacing: "-0.02em"
+                  },
+                  children: siteName
+                }
+              )
+            ]
           }
-        },
-        siteName
-      )
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          flexDirection: "column",
-          gap: "24px",
-          flex: 1,
-          justifyContent: "center"
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            fontSize: calculatedTitleSize,
-            fontWeight: titleWeight,
-            color: titleColor,
-            lineHeight: 1.1,
-            letterSpacing: "-0.03em",
-            maxWidth: "100%",
-            wordWrap: "break-word"
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "24px",
+              flex: 1,
+              justifyContent: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: calculatedTitleSize,
+                    fontWeight: titleWeight,
+                    color: titleColor,
+                    lineHeight: 1.1,
+                    letterSpacing: "-0.03em",
+                    maxWidth: "100%",
+                    wordWrap: "break-word"
+                  },
+                  children: title
+                }
+              ),
+              description && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    fontSize: descriptionSize,
+                    fontWeight: 400,
+                    color: descriptionColor,
+                    lineHeight: 1.5,
+                    letterSpacing: "-0.01em",
+                    maxWidth: "90%"
+                  },
+                  children: description
+                }
+              )
+            ]
           }
-        },
-        title
-      ),
-      description && /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            fontSize: descriptionSize,
-            fontWeight: 400,
-            color: descriptionColor,
-            lineHeight: 1.5,
-            letterSpacing: "-0.01em",
-            maxWidth: "90%"
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              width: "100%",
+              height: "4px",
+              background: backgroundType === "gradient" ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)` : gradientStart,
+              borderRadius: "2px"
+            }
           }
-        },
-        description
-      )
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          width: "100%",
-          height: "4px",
-          background: backgroundType === "gradient" ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)` : gradientStart,
-          borderRadius: "2px"
-        }
-      }
-    )
+        )
+      ]
+    }
   );
 }
 export {

package/dist/og-image/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/og-image/components/DefaultTemplate.tsx"],"sourcesContent":["/**\n * Default OG Image Template\n *\n * A modern, gradient-based template for OG images\n */\n\nimport React from 'react';\nimport type { ReactElement } from 'react';\nimport type { OgImageTemplateProps } from '../types';\n\n/**\n * Default OG Image Template Component\n *\n * Features:\n * - Modern gradient background\n * - Responsive text sizing\n * - Optional logo and site name\n * - Clean typography\n * - Full customization support\n *\n * @param props - Template props with title, description, siteName, logo and optional customization\n */\nexport function DefaultTemplate({\n  title,\n  description,\n  siteName,\n  logo,\n  // Visibility flags\n  showLogo = true,\n  showSiteName = true,\n  // Background customization\n  backgroundType = 'gradient',\n  gradientStart = '#667eea',\n  gradientEnd = '#764ba2',\n  backgroundColor = '#ffffff',\n  // Typography - Title\n  titleSize,\n  titleWeight = 800,\n  titleColor = 'white',\n  // Typography - Description\n  descriptionSize = 32,\n  descriptionColor = 'rgba(255, 255, 255, 0.85)',\n  // Typography - Site Name\n  siteNameSize = 28,\n  siteNameColor = 'rgba(255, 255, 255, 0.95)',\n  // Layout\n  padding = 80,\n  logoSize = 48,\n  // Dev mode\n  devMode = false,\n}: OgImageTemplateProps): ReactElement {\n  // Calculate title size if not provided (responsive based on title length)\n  const calculatedTitleSize = titleSize || (title.length > 60 ? 56 : 72);\n  \n  // Determine background style\n  const backgroundStyle =\n    backgroundType === 'gradient'\n      ? `linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n      : backgroundColor;\n\n  // Grid overlay for dev mode\n  const gridOverlay = devMode ? (\n    <div\n      style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundImage: `\n          linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px),\n          linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px)\n        `,\n        backgroundSize: '20px 20px',\n        pointerEvents: 'none',\n        zIndex: 10,\n      }}\n    />\n  ) : null;\n\n  return (\n    <div\n      style={{\n        height: '100%',\n        width: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        justifyContent: 'space-between',\n        background: backgroundStyle,\n        padding: `${padding}px`,\n        fontFamily: 'system-ui, -apple-system, sans-serif',\n        position: 'relative',\n      }}\n    >\n      {gridOverlay}\n      \n      {/* Header with logo and site name */}\n      {((showLogo && logo) || (showSiteName && siteName)) && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '16px',\n          }}\n        >\n          {showLogo && logo && (\n            // eslint-disable-next-line @next/next/no-img-element\n            <img\n              src={logo}\n              alt=\"Logo\"\n              width={logoSize}\n              height={logoSize}\n              style={{\n                borderRadius: '8px',\n              }}\n            />\n          )}\n          {showSiteName && siteName && (\n            <div\n              style={{\n                fontSize: siteNameSize,\n                fontWeight: 600,\n                color: siteNameColor,\n                letterSpacing: '-0.02em',\n              }}\n            >\n              {siteName}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Main content */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '24px',\n          flex: 1,\n          justifyContent: 'center',\n        }}\n      >\n        {/* Title */}\n        <div\n          style={{\n            fontSize: calculatedTitleSize,\n            fontWeight: titleWeight,\n            color: titleColor,\n            lineHeight: 1.1,\n            letterSpacing: '-0.03em',\n            textShadow: backgroundType === 'gradient' ? '0 2px 20px rgba(0, 0, 0, 0.2)' : 'none',\n            maxWidth: '100%',\n            wordWrap: 'break-word',\n          }}\n        >\n          {title}\n        </div>\n\n        {/* Description */}\n        {description && (\n          <div\n            style={{\n              fontSize: descriptionSize,\n              fontWeight: 400,\n              color: descriptionColor,\n              lineHeight: 1.5,\n              letterSpacing: '-0.01em',\n              maxWidth: '90%',\n              display: '-webkit-box',\n              WebkitLineClamp: 2,\n              WebkitBoxOrient: 'vertical',\n              overflow: 'hidden',\n            }}\n          >\n            {description}\n          </div>\n        )}\n      </div>\n\n      {/* Footer decoration */}\n      <div\n        style={{\n          display: 'flex',\n          width: '100%',\n          height: '4px',\n          background: backgroundType === 'gradient' \n            ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n            : gradientStart,\n          borderRadius: '2px',\n        }}\n      />\n    </div>\n  );\n}\n\n/**\n * Simple light template variant\n * \n * Light background variant with dark text\n */\nexport function LightTemplate({\n  title,\n  description,\n  siteName,\n  logo,\n  // Visibility flags\n  showLogo = true,\n  showSiteName = true,\n  // Background customization (defaults to light theme)\n  backgroundType = 'solid',\n  gradientStart = '#667eea',\n  gradientEnd = '#764ba2',\n  backgroundColor = '#ffffff',\n  // Typography - Title\n  titleSize,\n  titleWeight = 800,\n  titleColor = '#111',\n  // Typography - Description\n  descriptionSize = 32,\n  descriptionColor = '#666',\n  // Typography - Site Name\n  siteNameSize = 28,\n  siteNameColor = '#111',\n  // Layout\n  padding = 80,\n  logoSize = 48,\n  // Dev mode\n  devMode = false,\n}: OgImageTemplateProps): ReactElement {\n  // Calculate title size if not provided (responsive based on title length)\n  const calculatedTitleSize = titleSize || (title.length > 60 ? 56 : 72);\n  \n  // Determine background style\n  const backgroundStyle =\n    backgroundType === 'gradient'\n      ? `linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n      : backgroundColor;\n\n  // Grid overlay for dev mode\n  const gridOverlay = devMode ? (\n    <div\n      style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundImage: `\n          linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px),\n          linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px)\n        `,\n        backgroundSize: '20px 20px',\n        pointerEvents: 'none',\n        zIndex: 10,\n      }}\n    />\n  ) : null;\n\n  return (\n    <div\n      style={{\n        height: '100%',\n        width: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        justifyContent: 'space-between',\n        background: backgroundStyle,\n        padding: `${padding}px`,\n        fontFamily: 'system-ui, -apple-system, sans-serif',\n        position: 'relative',\n      }}\n    >\n      {gridOverlay}\n      \n      {/* Header with logo and site name */}\n      {((showLogo && logo) || (showSiteName && siteName)) && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '16px',\n          }}\n        >\n          {showLogo && logo && (\n            // eslint-disable-next-line @next/next/no-img-element\n            <img\n              src={logo}\n              alt=\"Logo\"\n              width={logoSize}\n              height={logoSize}\n              style={{\n                borderRadius: '8px',\n              }}\n            />\n          )}\n          {showSiteName && siteName && (\n            <div\n              style={{\n                fontSize: siteNameSize,\n                fontWeight: 600,\n                color: siteNameColor,\n                letterSpacing: '-0.02em',\n              }}\n            >\n              {siteName}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Main content */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '24px',\n          flex: 1,\n          justifyContent: 'center',\n        }}\n      >\n        {/* Title */}\n        <div\n          style={{\n            fontSize: calculatedTitleSize,\n            fontWeight: titleWeight,\n            color: titleColor,\n            lineHeight: 1.1,\n            letterSpacing: '-0.03em',\n            maxWidth: '100%',\n            wordWrap: 'break-word',\n          }}\n        >\n          {title}\n        </div>\n\n        {/* Description */}\n        {description && (\n          <div\n            style={{\n              fontSize: descriptionSize,\n              fontWeight: 400,\n              color: descriptionColor,\n              lineHeight: 1.5,\n              letterSpacing: '-0.01em',\n              maxWidth: '90%',\n            }}\n          >\n            {description}\n          </div>\n        )}\n      </div>\n\n      {/* Footer decoration */}\n      <div\n        style={{\n          display: 'flex',\n          width: '100%',\n          height: '4px',\n          background: backgroundType === 'gradient' \n            ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n            : gradientStart,\n          borderRadius: '2px',\n        }}\n      />\n    </div>\n  );\n}\n\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/og-image/components/DefaultTemplate.tsx"],"sourcesContent":["/**\n * Default OG Image Template\n *\n * A modern, gradient-based template for OG images\n */\n\nimport type { ReactElement } from 'react';\nimport type { OgImageTemplateProps } from '../types';\n\n/**\n * Default OG Image Template Component\n *\n * Features:\n * - Modern gradient background\n * - Responsive text sizing\n * - Optional logo and site name\n * - Clean typography\n * - Full customization support\n *\n * @param props - Template props with title, description, siteName, logo and optional customization\n */\nexport function DefaultTemplate({\n  title,\n  description,\n  siteName,\n  logo,\n  // Visibility flags\n  showLogo = true,\n  showSiteName = true,\n  // Background customization\n  backgroundType = 'gradient',\n  gradientStart = '#667eea',\n  gradientEnd = '#764ba2',\n  backgroundColor = '#ffffff',\n  // Typography - Title\n  titleSize,\n  titleWeight = 800,\n  titleColor = 'white',\n  // Typography - Description\n  descriptionSize = 32,\n  descriptionColor = 'rgba(255, 255, 255, 0.85)',\n  // Typography - Site Name\n  siteNameSize = 28,\n  siteNameColor = 'rgba(255, 255, 255, 0.95)',\n  // Layout\n  padding = 80,\n  logoSize = 48,\n  // Dev mode\n  devMode = false,\n}: OgImageTemplateProps): ReactElement {\n  // Calculate title size if not provided (responsive based on title length)\n  const calculatedTitleSize = titleSize || (title.length > 60 ? 56 : 72);\n  \n  // Determine background style\n  const backgroundStyle =\n    backgroundType === 'gradient'\n      ? `linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n      : backgroundColor;\n\n  // Grid overlay for dev mode\n  const gridOverlay = devMode ? (\n    <div\n      style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundImage: `\n          linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px),\n          linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px)\n        `,\n        backgroundSize: '20px 20px',\n        pointerEvents: 'none',\n        zIndex: 10,\n      }}\n    />\n  ) : null;\n\n  return (\n    <div\n      style={{\n        height: '100%',\n        width: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        justifyContent: 'space-between',\n        background: backgroundStyle,\n        padding: `${padding}px`,\n        fontFamily: 'system-ui, -apple-system, sans-serif',\n        position: 'relative',\n      }}\n    >\n      {gridOverlay}\n      \n      {/* Header with logo and site name */}\n      {((showLogo && logo) || (showSiteName && siteName)) && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '16px',\n          }}\n        >\n          {showLogo && logo && (\n            // eslint-disable-next-line @next/next/no-img-element\n            <img\n              src={logo}\n              alt=\"Logo\"\n              width={logoSize}\n              height={logoSize}\n              style={{\n                borderRadius: '8px',\n              }}\n            />\n          )}\n          {showSiteName && siteName && (\n            <div\n              style={{\n                fontSize: siteNameSize,\n                fontWeight: 600,\n                color: siteNameColor,\n                letterSpacing: '-0.02em',\n              }}\n            >\n              {siteName}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Main content */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '24px',\n          flex: 1,\n          justifyContent: 'center',\n        }}\n      >\n        {/* Title */}\n        <div\n          style={{\n            fontSize: calculatedTitleSize,\n            fontWeight: titleWeight,\n            color: titleColor,\n            lineHeight: 1.1,\n            letterSpacing: '-0.03em',\n            textShadow: backgroundType === 'gradient' ? '0 2px 20px rgba(0, 0, 0, 0.2)' : 'none',\n            maxWidth: '100%',\n            wordWrap: 'break-word',\n          }}\n        >\n          {title}\n        </div>\n\n        {/* Description */}\n        {description && (\n          <div\n            style={{\n              fontSize: descriptionSize,\n              fontWeight: 400,\n              color: descriptionColor,\n              lineHeight: 1.5,\n              letterSpacing: '-0.01em',\n              maxWidth: '90%',\n              display: '-webkit-box',\n              WebkitLineClamp: 2,\n              WebkitBoxOrient: 'vertical',\n              overflow: 'hidden',\n            }}\n          >\n            {description}\n          </div>\n        )}\n      </div>\n\n      {/* Footer decoration */}\n      <div\n        style={{\n          display: 'flex',\n          width: '100%',\n          height: '4px',\n          background: backgroundType === 'gradient' \n            ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n            : gradientStart,\n          borderRadius: '2px',\n        }}\n      />\n    </div>\n  );\n}\n\n/**\n * Simple light template variant\n * \n * Light background variant with dark text\n */\nexport function LightTemplate({\n  title,\n  description,\n  siteName,\n  logo,\n  // Visibility flags\n  showLogo = true,\n  showSiteName = true,\n  // Background customization (defaults to light theme)\n  backgroundType = 'solid',\n  gradientStart = '#667eea',\n  gradientEnd = '#764ba2',\n  backgroundColor = '#ffffff',\n  // Typography - Title\n  titleSize,\n  titleWeight = 800,\n  titleColor = '#111',\n  // Typography - Description\n  descriptionSize = 32,\n  descriptionColor = '#666',\n  // Typography - Site Name\n  siteNameSize = 28,\n  siteNameColor = '#111',\n  // Layout\n  padding = 80,\n  logoSize = 48,\n  // Dev mode\n  devMode = false,\n}: OgImageTemplateProps): ReactElement {\n  // Calculate title size if not provided (responsive based on title length)\n  const calculatedTitleSize = titleSize || (title.length > 60 ? 56 : 72);\n  \n  // Determine background style\n  const backgroundStyle =\n    backgroundType === 'gradient'\n      ? `linear-gradient(135deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n      : backgroundColor;\n\n  // Grid overlay for dev mode\n  const gridOverlay = devMode ? (\n    <div\n      style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundImage: `\n          linear-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px),\n          linear-gradient(90deg, rgba(0, 0, 0, 0.1) 1px, transparent 1px)\n        `,\n        backgroundSize: '20px 20px',\n        pointerEvents: 'none',\n        zIndex: 10,\n      }}\n    />\n  ) : null;\n\n  return (\n    <div\n      style={{\n        height: '100%',\n        width: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        justifyContent: 'space-between',\n        background: backgroundStyle,\n        padding: `${padding}px`,\n        fontFamily: 'system-ui, -apple-system, sans-serif',\n        position: 'relative',\n      }}\n    >\n      {gridOverlay}\n      \n      {/* Header with logo and site name */}\n      {((showLogo && logo) || (showSiteName && siteName)) && (\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '16px',\n          }}\n        >\n          {showLogo && logo && (\n            // eslint-disable-next-line @next/next/no-img-element\n            <img\n              src={logo}\n              alt=\"Logo\"\n              width={logoSize}\n              height={logoSize}\n              style={{\n                borderRadius: '8px',\n              }}\n            />\n          )}\n          {showSiteName && siteName && (\n            <div\n              style={{\n                fontSize: siteNameSize,\n                fontWeight: 600,\n                color: siteNameColor,\n                letterSpacing: '-0.02em',\n              }}\n            >\n              {siteName}\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Main content */}\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: '24px',\n          flex: 1,\n          justifyContent: 'center',\n        }}\n      >\n        {/* Title */}\n        <div\n          style={{\n            fontSize: calculatedTitleSize,\n            fontWeight: titleWeight,\n            color: titleColor,\n            lineHeight: 1.1,\n            letterSpacing: '-0.03em',\n            maxWidth: '100%',\n            wordWrap: 'break-word',\n          }}\n        >\n          {title}\n        </div>\n\n        {/* Description */}\n        {description && (\n          <div\n            style={{\n              fontSize: descriptionSize,\n              fontWeight: 400,\n              color: descriptionColor,\n              lineHeight: 1.5,\n              letterSpacing: '-0.01em',\n              maxWidth: '90%',\n            }}\n          >\n            {description}\n          </div>\n        )}\n      </div>\n\n      {/* Footer decoration */}\n      <div\n        style={{\n          display: 'flex',\n          width: '100%',\n          height: '4px',\n          background: backgroundType === 'gradient' \n            ? `linear-gradient(90deg, ${gradientStart} 0%, ${gradientEnd} 100%)`\n            : gradientStart,\n          borderRadius: '2px',\n        }}\n      />\n    </div>\n  );\n}\n\n"],"mappings":"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","names":[]}