@flamingo-stack/openframe-frontend-core 0.0.295 → 0.0.296-snapshot.20260621021605

package/dist/chunk-YD43AKI5.js

@@ -1,619 +0,0 @@
-"use client";
-import {
-  ToggleGroup,
-  ToggleGroupItem
-} from "./chunk-6BZEAPNT.js";
-import {
-  isFigmaSlidesUrl,
-  toFigmaEmbedUrl,
-  toFigmaOriginalUrl,
-  toGoogleSheetsEmbedUrl,
-  toGoogleSheetsOriginalUrl
-} from "./chunk-26PKDALD.js";
-import {
-  useImageEdgeColor
-} from "./chunk-7RIYT7ZH.js";
-import {
-  next_image_default
-} from "./chunk-LXC6P2EO.js";
-import {
-  Button
-} from "./chunk-5IJ46KAV.js";
-import {
-  AdobePdfIcon,
-  FigmaIcon,
-  GoogleSheetsIcon
-} from "./chunk-J7AV6H63.js";
-
-// src/components/embeds/embed-iframe.tsx
-import { useState, useCallback, useRef, useEffect } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function EmbedLoadingSkeleton({ height }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "w-full rounded-lg border border-ods-border overflow-hidden bg-ods-skeleton animate-pulse",
-      style: { height: height || "calc(100vh - 250px)" },
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-lg bg-ods-card" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-48 rounded bg-ods-card" }),
-        /* @__PURE__ */ jsx("div", { className: "h-3 w-32 rounded bg-ods-card" })
-      ] })
-    }
-  );
-}
-function EmbedIframe({
-  src,
-  title,
-  className,
-  height,
-  allow,
-  referrerPolicy,
-  loading,
-  allowFullScreen
-}) {
-  const [isLoaded, setIsLoaded] = useState(false);
-  const iframeRef = useRef(null);
-  const handleLoad = useCallback(() => setIsLoaded(true), []);
-  useEffect(() => {
-    setIsLoaded(false);
-  }, [src]);
-  useEffect(() => {
-    const iframe = iframeRef.current;
-    return () => {
-      if (iframe) {
-        try {
-          iframe.src = "about:blank";
-        } catch {
-        }
-      }
-    };
-  }, [src]);
-  const resolvedHeight = height || "calc(100vh - 250px)";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !isLoaded && /* @__PURE__ */ jsx(EmbedLoadingSkeleton, { height: resolvedHeight }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `w-full rounded-lg border border-ods-border overflow-hidden ${!isLoaded ? "h-0 overflow-hidden" : ""} ${className || ""}`,
-        style: isLoaded ? { height: resolvedHeight } : void 0,
-        children: /* @__PURE__ */ jsx(
-          "iframe",
-          {
-            ref: iframeRef,
-            src,
-            className: "w-full h-full border-0",
-            title,
-            onLoad: handleLoad,
-            allow,
-            referrerPolicy,
-            loading,
-            allowFullScreen: allow?.includes("fullscreen") ? void 0 : allowFullScreen
-          },
-          src
-        )
-      }
-    )
-  ] });
-}
-
-// src/components/embeds/pdf-viewer.tsx
-import { Download, Eye } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function PdfViewer({ src, fileName, onPreview, onDownload, height }) {
-  const displayName = fileName || "PDF Document";
-  if (!src) {
-    return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      /* @__PURE__ */ jsx2(AdobePdfIcon, { className: "w-16 h-16 text-ods-text-secondary mb-4" }),
-      /* @__PURE__ */ jsx2("p", { className: "text-ods-text-secondary", children: "PDF file not available" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs2("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 min-w-0", children: [
-        /* @__PURE__ */ jsx2(AdobePdfIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ jsx2("h2", { className: "text-xl font-semibold text-ods-text-primary truncate", children: displayName })
-      ] }),
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 w-full sm:w-auto", children: [
-        /* @__PURE__ */ jsx2(
-          Button,
-          {
-            variant: "outline",
-            size: "small-legacy",
-            href: onPreview ? void 0 : src,
-            openInNewTab: !onPreview,
-            onClick: onPreview,
-            leftIcon: /* @__PURE__ */ jsx2(Eye, { className: "w-4 h-4" }),
-            className: "flex-1 sm:flex-initial",
-            children: "Preview"
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          Button,
-          {
-            variant: "outline",
-            size: "small-legacy",
-            href: onDownload ? void 0 : src,
-            openInNewTab: !onDownload,
-            onClick: onDownload,
-            leftIcon: /* @__PURE__ */ jsx2(Download, { className: "w-4 h-4" }),
-            className: "flex-1 sm:flex-initial",
-            children: "Download"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx2(EmbedIframe, { src, title: displayName, height })
-  ] });
-}
-
-// src/components/embeds/google-sheets-viewer.tsx
-import { ExternalLink } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function GoogleSheetsViewer({ externalUrl, fileName, height }) {
-  const displayName = fileName || "Google Sheet";
-  if (!externalUrl) {
-    return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      /* @__PURE__ */ jsx3(GoogleSheetsIcon, { className: "w-16 h-16 text-ods-text-secondary mb-4" }),
-      /* @__PURE__ */ jsx3("p", { className: "text-ods-text-secondary", children: "Google Sheet URL not configured" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 min-w-0", children: [
-        /* @__PURE__ */ jsx3(GoogleSheetsIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ jsx3("h2", { className: "text-xl font-semibold text-ods-text-primary truncate", children: displayName })
-      ] }),
-      /* @__PURE__ */ jsx3(
-        Button,
-        {
-          variant: "outline",
-          size: "small-legacy",
-          href: toGoogleSheetsOriginalUrl(externalUrl),
-          openInNewTab: true,
-          leftIcon: /* @__PURE__ */ jsx3(GoogleSheetsIcon, { className: "w-4 h-4" }),
-          rightIcon: /* @__PURE__ */ jsx3(ExternalLink, { className: "w-4 h-4" }),
-          className: "w-full sm:w-auto",
-          children: "Open in Google Sheets"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx3(
-      EmbedIframe,
-      {
-        src: toGoogleSheetsEmbedUrl(externalUrl),
-        title: displayName,
-        height
-      }
-    )
-  ] });
-}
-
-// src/components/embeds/figma-embed.tsx
-import { useState as useState2 } from "react";
-import { ExternalLink as ExternalLink2, Play, LayoutGrid } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function SlidesViewToggle({
-  view,
-  onChange
-}) {
-  const options = [
-    { key: "present", label: "Present", Icon: Play },
-    { key: "browse", label: "Browse", Icon: LayoutGrid }
-  ];
-  return /* @__PURE__ */ jsx4(
-    ToggleGroup,
-    {
-      type: "single",
-      value: view,
-      onValueChange: (v) => {
-        if (v && v !== view) onChange(v);
-      },
-      "aria-label": "Figma slides view mode",
-      className: "flex shrink-0 items-center gap-0.5 rounded-lg border border-ods-border bg-ods-card p-0.5",
-      children: options.map(({ key, label, Icon }) => {
-        const active = view === key;
-        return /* @__PURE__ */ jsxs4(
-          ToggleGroupItem,
-          {
-            value: key,
-            "aria-label": label,
-            className: `flex items-center gap-1.5 rounded-md px-2.5 py-1 text-sm font-medium transition-colors ${active ? "bg-ods-accent text-ods-text-on-accent" : "text-ods-text-secondary hover:text-ods-text-primary hover:bg-ods-bg-hover"}`,
-            children: [
-              /* @__PURE__ */ jsx4(Icon, { className: "h-4 w-4 shrink-0" }),
-              label
-            ]
-          },
-          key
-        );
-      })
-    }
-  );
-}
-function FigmaEmbed({ url, title, height, loading = "lazy" }) {
-  const [view, setView] = useState2("present");
-  const isSlides = url ? isFigmaSlidesUrl(url) : false;
-  const embedSrc = url ? toFigmaEmbedUrl(url, { slidesView: view }) : null;
-  const originalUrl = (() => {
-    if (!url) return null;
-    try {
-      const parsed = new URL(toFigmaOriginalUrl(url));
-      const host = parsed.hostname.toLowerCase();
-      const okHost = host === "figma.com" || host.endsWith(".figma.com");
-      const okProtocol = parsed.protocol === "https:" || parsed.protocol === "http:";
-      return okHost && okProtocol ? parsed.toString() : null;
-    } catch {
-      return null;
-    }
-  })();
-  const heading = title || "Figma Design";
-  return /* @__PURE__ */ jsxs4("div", { className: "my-6 space-y-3", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 min-w-0", children: [
-        /* @__PURE__ */ jsx4(FigmaIcon, { className: "w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ jsx4("span", { className: "font-sans text-base font-semibold text-ods-text-primary truncate", children: heading })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
-        isSlides && embedSrc && /* @__PURE__ */ jsx4(SlidesViewToggle, { view, onChange: setView }),
-        originalUrl && /* @__PURE__ */ jsx4(
-          Button,
-          {
-            variant: "outline",
-            size: "small-legacy",
-            href: originalUrl,
-            openInNewTab: true,
-            leftIcon: /* @__PURE__ */ jsx4(FigmaIcon, { className: "w-4 h-4" }),
-            rightIcon: /* @__PURE__ */ jsx4(ExternalLink2, { className: "w-4 h-4" }),
-            className: "w-full sm:w-auto",
-            children: "Open in Figma"
-          }
-        )
-      ] })
-    ] }),
-    embedSrc ? /* @__PURE__ */ jsx4(
-      EmbedIframe,
-      {
-        src: embedSrc,
-        title: heading,
-        allow: "clipboard-write; clipboard-read; fullscreen",
-        loading,
-        height,
-        allowFullScreen: true
-      }
-    ) : /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-      /* @__PURE__ */ jsx4(FigmaIcon, { className: "w-16 h-16 text-ods-text-secondary mb-4" }),
-      /* @__PURE__ */ jsx4("p", { className: "text-ods-text-secondary", children: "Figma URL not configured" })
-    ] })
-  ] });
-}
-
-// src/components/embeds/og-link-preview.tsx
-import { useState as useState3, useEffect as useEffect2, Component } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var OGLinkErrorBoundary = class extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  componentDidCatch(error, errorInfo) {
-    console.warn("Link preview error caught by boundary:", error, errorInfo);
-  }
-  render() {
-    if (this.state.hasError) return this.props.fallback;
-    return this.props.children;
-  }
-};
-function getDomain(urlStr) {
-  try {
-    return new URL(urlStr).hostname.replace("www.", "");
-  } catch {
-    return "External Link";
-  }
-}
-function domainToTitle(domain) {
-  return domain.split(".")[0].replace(/-/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-}
-var ExternalLinkIcon = ({ size = 16 }) => /* @__PURE__ */ jsx5("svg", { width: size, height: size, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", className: "text-ods-text-secondary group-hover:text-ods-accent transition-colors flex-shrink-0", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }) });
-var Favicon = ({ src, size = "w-6 h-6" }) => /* @__PURE__ */ jsx5("img", { src, alt: "", className: size, onError: (e) => {
-  e.target.style.display = "none";
-} });
-var OGLinkPreview = ({
-  url,
-  apiBaseUrl,
-  ogEndpointPath = "/api/blog/og-scraper",
-  buildPlaceholderUrl,
-  fallbackTitle,
-  fallbackDescription,
-  fallbackImage,
-  publicationName,
-  publicationLogo,
-  variant = "default",
-  enablePlaceholder = true
-}) => {
-  const [ogData, setOgData] = useState3(null);
-  const [loading, setLoading] = useState3(true);
-  const [error, setError] = useState3(false);
-  const [imageError, setImageError] = useState3(false);
-  const [originalImageError, setOriginalImageError] = useState3(false);
-  const [fallbackImageError, setFallbackImageError] = useState3(false);
-  let isValidUrl = true;
-  let isLocalhost = false;
-  try {
-    if (url && typeof url === "string") {
-      const urlObj = new URL(url);
-      if (["localhost", "127.0.0.1", "0.0.0.0"].includes(urlObj.hostname) || urlObj.hostname.startsWith("192.168.") || urlObj.hostname.startsWith("10.") || urlObj.hostname.startsWith("172.")) {
-        isLocalhost = true;
-      }
-    } else {
-      isValidUrl = false;
-    }
-  } catch {
-    isValidUrl = false;
-  }
-  useEffect2(() => {
-    if (!isValidUrl || isLocalhost) return;
-    const fetchOGData = async () => {
-      try {
-        new URL(url);
-        setLoading(true);
-        const endpoint = `${apiBaseUrl ?? ""}${ogEndpointPath}?url=${encodeURIComponent(url)}`;
-        const response = await fetch(endpoint);
-        if (response.ok) {
-          const data = await response.json();
-          if (data?.title && data.title !== "Link Preview Unavailable") {
-            setOgData(data);
-          } else {
-            setError(true);
-          }
-        } else {
-          setError(true);
-        }
-      } catch {
-        setError(true);
-      } finally {
-        setLoading(false);
-      }
-    };
-    fetchOGData();
-  }, [url, isValidUrl, isLocalhost, apiBaseUrl, ogEndpointPath]);
-  const isCompact = variant === "compact";
-  const domain = getDomain(url);
-  const effectiveData = ogData ?? (error ? {
-    title: fallbackTitle || domainToTitle(domain),
-    description: fallbackDescription || domain,
-    image: "",
-    url,
-    siteName: publicationName || domain,
-    type: "website",
-    favicon: `https://www.google.com/s2/favicons?domain=${domain}&sz=32`
-  } : null);
-  const placeholderImageUrl = enablePlaceholder && buildPlaceholderUrl && effectiveData?.title ? buildPlaceholderUrl(effectiveData.title, effectiveData.siteName || domain) : null;
-  const resolvedImageUrl = effectiveData?.image && !imageError ? effectiveData.image : effectiveData?.originalImage && !originalImageError ? effectiveData.originalImage : fallbackImage && !fallbackImageError ? fallbackImage : placeholderImageUrl;
-  const hasImage = !!resolvedImageUrl;
-  const isFallbackImage = resolvedImageUrl === fallbackImage;
-  const isPlaceholder = resolvedImageUrl === placeholderImageUrl && !isFallbackImage;
-  const bgColor = useImageEdgeColor(resolvedImageUrl ?? null, "var(--ods-bg-secondary)");
-  const renderSkeleton = () => isCompact ? /* @__PURE__ */ jsx5("div", { className: "my-4", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-row border border-ods-border rounded-lg overflow-hidden bg-ods-card h-[120px]", children: [
-    /* @__PURE__ */ jsx5("div", { className: "w-[200px] h-full flex-shrink-0 bg-ods-skeleton animate-pulse" }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex-1 p-3 flex flex-col justify-center", children: [
-      /* @__PURE__ */ jsx5("div", { className: "bg-ods-skeleton rounded animate-pulse h-4 w-3/4 mb-2" }),
-      /* @__PURE__ */ jsx5("div", { className: "bg-ods-skeleton rounded animate-pulse h-3 w-full mb-1" }),
-      /* @__PURE__ */ jsx5("div", { className: "bg-ods-skeleton rounded animate-pulse h-3 w-2/3 mb-2" }),
-      /* @__PURE__ */ jsx5("div", { className: "bg-ods-skeleton rounded animate-pulse h-3 w-1/3" })
-    ] })
-  ] }) }) : /* @__PURE__ */ jsx5("div", { className: "my-6", children: /* @__PURE__ */ jsxs5("div", { className: "block border border-ods-border rounded-lg overflow-hidden bg-ods-card", children: [
-    /* @__PURE__ */ jsx5("div", { className: "aspect-video w-full bg-ods-skeleton overflow-hidden relative animate-pulse" }),
-    /* @__PURE__ */ jsx5("div", { className: "p-4", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx5("div", { className: "w-6 h-6 bg-ods-skeleton rounded flex-shrink-0 mt-0.5 animate-pulse" }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxs5("div", { className: "h-[2.5rem] leading-[1.25rem] mb-2 overflow-hidden", children: [
-          /* @__PURE__ */ jsx5("div", { className: "bg-ods-skeleton rounded animate-pulse", style: { height: "1.25rem", marginBottom: "0.25rem" } }),
-          /* @__PURE__ */ jsx5("div", { className: "bg-ods-skeleton rounded animate-pulse w-3/4", style: { height: "1.25rem" } })
-        ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "h-[2.5rem] leading-[1.25rem] mb-2 overflow-hidden", children: [
-          /* @__PURE__ */ jsx5("div", { className: "bg-ods-skeleton rounded animate-pulse", style: { height: "1.25rem", marginBottom: "0.25rem" } }),
-          /* @__PURE__ */ jsx5("div", { className: "bg-ods-skeleton rounded animate-pulse w-5/6", style: { height: "1.25rem" } })
-        ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx5("div", { className: "bg-ods-skeleton rounded animate-pulse", style: { height: "0.75rem", width: "6rem" } }),
-          /* @__PURE__ */ jsx5("div", { className: "bg-ods-skeleton rounded animate-pulse", style: { height: "0.75rem", width: "5rem" } })
-        ] })
-      ] })
-    ] }) })
-  ] }) });
-  if (!url || typeof url !== "string" || !isValidUrl) return renderSkeleton();
-  if (isLocalhost) {
-    return /* @__PURE__ */ jsx5("div", { className: "my-6", children: /* @__PURE__ */ jsxs5(
-      "a",
-      {
-        href: url,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "inline-flex items-center gap-2 text-ods-accent hover:text-ods-accent-hover transition-colors",
-        children: [
-          /* @__PURE__ */ jsx5("span", { className: "underline", children: url }),
-          /* @__PURE__ */ jsx5(ExternalLinkIcon, { size: 14 })
-        ]
-      }
-    ) });
-  }
-  if (loading) return renderSkeleton();
-  if (!effectiveData) return renderSkeleton();
-  const title = fallbackTitle || effectiveData.title;
-  const description = fallbackDescription || effectiveData.description || "";
-  const ogDomain = getDomain(effectiveData.url);
-  const faviconSrc = effectiveData.favicon || `https://www.google.com/s2/favicons?domain=${ogDomain}&sz=32`;
-  const logoSrc = publicationLogo || faviconSrc;
-  const handleImageError = () => {
-    if (effectiveData.image && !imageError) setImageError(true);
-    else if (effectiveData.originalImage && !originalImageError) setOriginalImageError(true);
-    else setFallbackImageError(true);
-  };
-  const renderImage = () => {
-    if (!resolvedImageUrl) return null;
-    if (isPlaceholder) {
-      return /* @__PURE__ */ jsx5(
-        "img",
-        {
-          src: resolvedImageUrl,
-          alt: title,
-          className: "absolute inset-0 w-full h-full object-cover rounded-md"
-        }
-      );
-    }
-    if (isFallbackImage) {
-      return /* @__PURE__ */ jsx5(
-        next_image_default,
-        {
-          src: resolvedImageUrl,
-          alt: title,
-          fill: true,
-          className: "object-contain rounded-md group-hover:scale-105 transition-transform duration-300",
-          onError: handleImageError,
-          unoptimized: resolvedImageUrl.includes("/render/image/")
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx5(
-      "img",
-      {
-        src: resolvedImageUrl,
-        alt: title,
-        className: "absolute inset-0 w-full h-full object-contain rounded-md group-hover:scale-105 transition-transform duration-300",
-        onError: handleImageError
-      }
-    );
-  };
-  if (isCompact) {
-    if (!hasImage) {
-      return /* @__PURE__ */ jsx5("div", { className: "my-4", children: /* @__PURE__ */ jsxs5(
-        "a",
-        {
-          href: effectiveData.url,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "flex flex-row items-center gap-3 border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-all duration-200 group px-4 py-3",
-          children: [
-            /* @__PURE__ */ jsx5("div", { className: "w-8 h-8 bg-ods-bg-secondary rounded-lg flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx5(Favicon, { src: faviconSrc, size: "w-5 h-5" }) }),
-            /* @__PURE__ */ jsxs5("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx5("h3", { className: "font-sans text-sm font-semibold text-ods-text-primary group-hover:text-ods-accent transition-colors truncate", children: title }),
-              description && /* @__PURE__ */ jsx5("p", { className: "font-sans text-xs text-ods-text-secondary truncate", children: description })
-            ] }),
-            /* @__PURE__ */ jsx5(ExternalLinkIcon, { size: 14 })
-          ]
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsx5("div", { className: "my-4", children: /* @__PURE__ */ jsxs5(
-      "a",
-      {
-        href: effectiveData.url,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "flex flex-row border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-colors group h-[120px]",
-        children: [
-          /* @__PURE__ */ jsx5("div", { className: "w-[200px] h-full flex-shrink-0 overflow-hidden relative flex items-center justify-center rounded-lg transition-colors duration-300", style: { backgroundColor: bgColor }, children: renderImage() }),
-          /* @__PURE__ */ jsxs5("div", { className: "flex-1 p-3 flex flex-col justify-center min-w-0", children: [
-            /* @__PURE__ */ jsx5(
-              "h3",
-              {
-                className: "font-sans text-sm font-semibold text-ods-text-primary overflow-hidden group-hover:text-ods-accent transition-colors",
-                style: { display: "-webkit-box", WebkitLineClamp: 1, WebkitBoxOrient: "vertical" },
-                children: title
-              }
-            ),
-            description && /* @__PURE__ */ jsx5(
-              "p",
-              {
-                className: "font-sans text-xs text-ods-text-secondary overflow-hidden mt-1",
-                style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical" },
-                children: description
-              }
-            ),
-            /* @__PURE__ */ jsx5("div", { className: "text-xs text-ods-text-secondary mt-1 truncate", children: effectiveData.siteName || ogDomain })
-          ] })
-        ]
-      }
-    ) });
-  }
-  if (!hasImage) {
-    return /* @__PURE__ */ jsx5("div", { className: "my-6", children: /* @__PURE__ */ jsxs5(
-      "a",
-      {
-        href: effectiveData.url,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "flex items-center gap-3 border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-all duration-200 group px-4 py-3",
-        children: [
-          /* @__PURE__ */ jsx5("div", { className: "w-10 h-10 bg-ods-bg-secondary rounded-lg flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx5(Favicon, { src: faviconSrc }) }),
-          /* @__PURE__ */ jsxs5("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx5("h3", { className: "font-sans font-semibold text-ods-text-primary text-base group-hover:text-ods-accent transition-colors truncate", children: title }),
-            description && /* @__PURE__ */ jsx5("p", { className: "font-sans text-sm text-ods-text-secondary truncate", children: description })
-          ] }),
-          /* @__PURE__ */ jsx5(ExternalLinkIcon, {})
-        ]
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx5("div", { className: "my-6", children: /* @__PURE__ */ jsxs5(
-    "a",
-    {
-      href: effectiveData.url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "block border border-ods-border rounded-lg overflow-hidden bg-ods-card hover:border-ods-accent transition-colors group",
-      children: [
-        /* @__PURE__ */ jsx5("div", { className: "aspect-video w-full overflow-hidden relative flex items-center justify-center rounded-lg transition-colors duration-300", style: { backgroundColor: bgColor }, children: renderImage() }),
-        /* @__PURE__ */ jsx5("div", { className: "p-4", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx5(
-            "img",
-            {
-              src: logoSrc,
-              alt: publicationName || "",
-              className: "w-6 h-6 rounded object-contain flex-shrink-0 mt-0.5",
-              onError: (e) => {
-                e.target.style.display = "none";
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxs5("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx5(
-              "h3",
-              {
-                className: "font-sans font-semibold text-ods-text-primary text-base overflow-hidden group-hover:text-ods-accent transition-colors h-[2.5rem] leading-[1.25rem] mb-2",
-                style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical" },
-                children: title
-              }
-            ),
-            description && /* @__PURE__ */ jsx5(
-              "p",
-              {
-                className: "font-sans text-sm text-ods-text-secondary overflow-hidden h-[2.5rem] leading-[1.25rem] mb-2",
-                style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical" },
-                children: description
-              }
-            ),
-            /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 text-xs text-ods-text-secondary", children: [
-              /* @__PURE__ */ jsx5("span", { className: "font-medium", children: effectiveData.siteName }),
-              /* @__PURE__ */ jsx5("span", { children: "\u2022" }),
-              /* @__PURE__ */ jsx5("span", { className: "truncate", children: ogDomain })
-            ] })
-          ] })
-        ] }) })
-      ]
-    }
-  ) });
-};
-
-export {
-  EmbedIframe,
-  PdfViewer,
-  GoogleSheetsViewer,
-  FigmaEmbed,
-  OGLinkErrorBoundary,
-  OGLinkPreview
-};
-//# sourceMappingURL=chunk-YD43AKI5.js.map