@flamingo-stack/openframe-frontend-core 0.0.747 → 0.0.749

package/dist/components/embeds/index.js

@@ -4,7 +4,7 @@ import { PdfViewer } from "./pdf-viewer.js";
 import { GoogleSheetsViewer } from "./google-sheets-viewer.js";
 import { FigmaEmbed } from "./figma-embed.js";
 import { ClaudeEmbed } from "./claude-embed.js";
-import { OGLinkPreview, OGLinkErrorBoundary } from "./og-link-preview.js";
+import { OGLinkPreview, OGLinkErrorBoundary, OGLinkTileSkeleton } from "./og-link-preview.js";
 import { FileDownloadCard } from "./file-download-card.js";
 import { RedditEmbedClient } from "./reddit-embed-client.js";
 import { TwitterEmbedClient } from "./twitter-embed-client.js";
@@ -35,6 +35,7 @@ export {
   MarkdownImage,
   OGLinkErrorBoundary,
   OGLinkPreview,
+  OGLinkTileSkeleton,
   PdfViewer,
   RedditContainer,
   RedditEmbedClient,

package/dist/components/embeds/linkedin-embed-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"linkedin-embed-client.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/linkedin-embed-client.tsx"],"names":[],"mappings":"AA0BA,UAAU,kBAAkB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,MAAY,EAAE,EAAE,kBAAkB,+BAoE5E"}
+{"version":3,"file":"linkedin-embed-client.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/linkedin-embed-client.tsx"],"names":[],"mappings":"AA2BA,UAAU,kBAAkB;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,MAAY,EAAE,EAAE,kBAAkB,+BAoE5E"}

package/dist/components/embeds/linkedin-embed-client.js

@@ -4,6 +4,7 @@ import { ExternalLink } from "lucide-react";
 import { useMemo, useState } from "react";
 import Link from "../../embed-shims/next-link.js";
 import { LinkedinIcon } from "../icons-v2-generated/brand-logos/linkedin-icon.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { LinkedInContainer } from "./embed-container.js";
 function toLinkedInEmbedUrl(url) {
   if (!url) return "";
@@ -42,17 +43,17 @@ function LinkedInEmbedClient({ url, height = 600 }) {
   }
   return /* @__PURE__ */ jsxs(LinkedInContainer, { children: [
     /* @__PURE__ */ jsxs("div", { className: "relative w-full", style: { height }, children: [
-      !loaded && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 animate-pulse p-6", children: [
+      !loaded && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 p-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center space-x-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-ods-border" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "mb-2 h-4 w-32 rounded bg-ods-border" }),
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-24 rounded bg-ods-border" })
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-4 w-32 rounded" }),
+            /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-24 rounded" })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-full rounded bg-ods-border" }),
-          /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 rounded bg-ods-border" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-full rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/4 rounded" })
         ] })
       ] }),
       /* @__PURE__ */ jsx(

package/dist/components/embeds/markdown-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-image.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/markdown-image.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,+BA2DxE"}
+{"version":3,"file":"markdown-image.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/markdown-image.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,+BA4DxE"}

package/dist/components/embeds/markdown-image.js

@@ -2,6 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import Image from "../../embed-shims/next-image.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { useRichMarkdownRuntime } from "./rich-markdown-runtime.js";
 const MAX_H_REM = 32;
 const DISPLAY_W = 768;
@@ -28,10 +29,11 @@ function MarkdownImage({ src, alt }) {
   }, [src, transformImageSrc]);
   if (!ratio) {
     return /* @__PURE__ */ jsx(
-      "span",
+      UnifiedSkeleton,
       {
-        className: "mx-auto my-2 block w-full max-w-full animate-pulse rounded-lg bg-ods-card",
-        style: { aspectRatio: "3 / 2", maxHeight: `${MAX_H_REM}rem` },
+        as: "span",
+        className: "mx-auto my-2 block aspect-[3/2] w-full max-w-full rounded-lg",
+        style: { maxHeight: `${MAX_H_REM}rem` },
         "aria-hidden": true
       }
     );

package/dist/components/embeds/og-link-preview.d.ts

@@ -42,16 +42,6 @@ export declare class OGLinkErrorBoundary extends Component<ErrorBoundaryProps, E
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
     render(): React.ReactNode;
 }
-/**
- * Builds a placeholder image URL when the scrape returns no image. Hub passes
- * its own `buildOgPlaceholderUrl` (which hits `/api/og-placeholder?…&platform=`;
- * the route resolves the platform's brand colors server-side); other embedders
- * can omit the prop to disable the placeholder entirely.
- *
- * Receives the post-scrape `title` and `siteName` so the placeholder can echo
- * the actual card content, not a generic graphic.
- */
-export type BuildPlaceholderUrl = (title: string, siteName: string) => string | null;
 export interface OGLinkPreviewProps {
     /** The external URL to preview. */
     url: string;
@@ -68,10 +58,6 @@ export interface OGLinkPreviewProps {
      *  `'/api/og-scraper'` matches the hub's route. Override if the
      *  embedder serves the same `OGData` shape from a different path. */
     ogEndpointPath?: string;
-    /** Optional placeholder-builder. Omit to disable the placeholder image
-     *  (the card then degrades to a favicon+title chip when no scraped image
-     *  is available). The hub injects its `buildOgPlaceholderUrl` here. */
-    buildPlaceholderUrl?: BuildPlaceholderUrl;
     /** CURATED title — our own copy for this link (e.g. a CMS-managed press
      *  row). Wins over the scrape; see the precedence rule on the component. */
     curatedTitle?: string;
@@ -87,12 +73,27 @@ export interface OGLinkPreviewProps {
     publicationLogo?: string;
     /** Card variant. `compact` = horizontal layout (~120px tall) suited for
      *  in-doc placements; `default` = larger vertical layout for press / hero
-     *  positions. */
-    variant?: 'default' | 'compact';
-    /** Disable the synthesized placeholder image even when `buildPlaceholderUrl`
-     *  is provided — used by the markdown renderer to keep doc cards lighter. */
+     *  positions; `tile` = a text-first press tile (favicon, outlet and `meta`,
+     *  `kicker`, headline, excerpt) drawn from the props alone, with NO image and
+     *  NO scrape, for uniform press walls where outlet imagery is unreliable. */
+    variant?: 'default' | 'compact' | 'tile';
+    /** The runtime's og-placeholder image (`useOgPlaceholderUrl`) when no image
+     *  resolves. Default true; the markdown renderer turns it off to keep doc
+     *  cards lighter. */
     enablePlaceholder?: boolean;
+    /** Extra footer-line content (a date, a topic tag) after the site name, on
+     *  the `default` and `tile` cards: the sanctioned way to add caller text. */
+    meta?: ReactNode;
+    /** A one-line label ABOVE the `tile` headline that says WHY the item is shown
+     *  (e.g. a news theme). */
+    kicker?: ReactNode;
 }
+/**
+ * The `tile` card while its list loads: the tile's exact geometry (the `p-3`
+ * card, the source row with a favicon dot, two headline lines, the excerpt
+ * line), owned here so the tile and its loading state cannot drift apart.
+ */
+export declare function OGLinkTileSkeleton(): React.JSX.Element;
 /**
  * Rich Open-Graph link preview card with skeleton, fallback, and image-edge
  * background detection.

package/dist/components/embeds/og-link-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"og-link-preview.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/og-link-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAuB,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvE;;;;;;;GAOG;AACH,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,qBAAa,mBAAoB,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBAC5E,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,IAAI,kBAAkB;IAIrD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAI1D,MAAM;CAIP;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;AAErF,MAAM,WAAW,kBAAkB;IACjC,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ;;;;;;;kCAO8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;yEAEqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;2EAEuE;IACvE,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C;gFAC4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;8BAE0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;qBAEiB;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;iFAC6E;IAC7E,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAkDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgZtD,CAAC"}
+{"version":3,"file":"og-link-preview.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/og-link-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAuB,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvE;;;;;;;GAOG;AACH,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,qBAAa,mBAAoB,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBAC5E,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,IAAI,kBAAkB;IAIrD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAI1D,MAAM;CAIP;AAED,MAAM,WAAW,kBAAkB;IACjC,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ;;;;;;;kCAO8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;yEAEqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;gFAC4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;8BAE0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iFAAiF;IACjF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;iFAI6E;IAC7E,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACzC;;yBAEqB;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;iFAC6E;IAC7E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;+BAC2B;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAwDD;;;;GAIG;AACH,wBAAgB,kBAAkB,sBAajC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4ctD,CAAC"}

package/dist/components/embeds/og-link-preview.js

@@ -4,6 +4,9 @@ import { useState, useEffect, Component } from "react";
 import Image from "../../embed-shims/next-image.js";
 import Link from "../../embed-shims/next-link.js";
 import { useImageEdgeColor } from "../../hooks/index.js";
+import { useOgPlaceholderUrl } from "../../hooks/use-og-placeholder-url.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { TruncateText } from "../ui/truncate-text.js";
 class OGLinkErrorBoundary extends Component {
   constructor(props) {
     super(props);
@@ -20,6 +23,11 @@ class OGLinkErrorBoundary extends Component {
     return this.props.children;
   }
 }
+const lineClamp = (lines) => ({
+  display: "-webkit-box",
+  WebkitLineClamp: lines,
+  WebkitBoxOrient: "vertical"
+});
 function getDomain(urlStr) {
   try {
     return new URL(urlStr).hostname.replace("www.", "");
@@ -65,18 +73,31 @@ const Favicon = ({ src, size = "w-6 h-6" }) => /* @__PURE__ */ jsx(
     }
   }
 );
+function OGLinkTileSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1.5 rounded-lg border border-ods-border bg-ods-card p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-4 flex-shrink-0 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-20 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "ml-auto h-3 w-9 rounded" })
+    ] }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3.5 w-full rounded" }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3.5 w-3/4 rounded" }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-5/6 rounded" })
+  ] });
+}
 const OGLinkPreview = ({
   url,
   apiBaseUrl,
   ogEndpointPath = "/api/og-scraper",
-  buildPlaceholderUrl,
   curatedTitle,
   curatedDescription,
   curatedImage,
   publicationName,
   publicationLogo,
   variant = "default",
-  enablePlaceholder = true
+  enablePlaceholder = true,
+  meta,
+  kicker
 }) => {
   const [ogData, setOgData] = useState(null);
   const [loading, setLoading] = useState(true);
@@ -96,8 +117,9 @@ const OGLinkPreview = ({
   } catch {
     isValidUrl = false;
   }
+  const isTile = variant === "tile";
   useEffect(() => {
-    if (!isValidUrl || isLocalhost) return void 0;
+    if (!isValidUrl || isLocalhost || isTile) return void 0;
     let cancelled = false;
     const fetchOGData = async () => {
       try {
@@ -136,10 +158,10 @@ const OGLinkPreview = ({
     return () => {
       cancelled = true;
     };
-  }, [url, isValidUrl, isLocalhost, apiBaseUrl, ogEndpointPath]);
+  }, [url, isValidUrl, isLocalhost, isTile, apiBaseUrl, ogEndpointPath]);
   const isCompact = variant === "compact";
   const domain = getDomain(url);
-  const effectiveData = ogData ?? (error ? {
+  const effectiveData = ogData ?? (error || loading && curatedTitle ? {
     title: curatedTitle || domainToTitle(domain),
     description: curatedDescription || domain,
     image: "",
@@ -148,7 +170,11 @@ const OGLinkPreview = ({
     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 placeholderImageUrl = useOgPlaceholderUrl({
+    title: effectiveData?.title,
+    siteName: effectiveData?.siteName || domain,
+    enabled: enablePlaceholder && !isTile
+  });
   const imageCandidates = [
     { source: "curated", url: curatedImage },
     { source: "og", url: effectiveData?.image },
@@ -162,45 +188,66 @@ const OGLinkPreview = ({
   const isPlaceholder = resolvedImage?.source === "placeholder";
   const bgColor = useImageEdgeColor(resolvedImageUrl ?? null, "var(--color-bg-surface)");
   const renderSkeleton = () => isCompact ? /* @__PURE__ */ jsx("div", { className: "my-4", children: /* @__PURE__ */ jsxs("div", { className: "flex h-[120px] flex-row overflow-hidden rounded-lg border border-ods-border bg-ods-card", children: [
-    /* @__PURE__ */ jsx("div", { className: "h-full w-[200px] flex-shrink-0 animate-pulse bg-ods-border" }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-full w-[200px] flex-shrink-0" }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col justify-center p-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "mb-2 h-4 w-3/4 animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "mb-1 h-3 w-full animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "mb-2 h-3 w-2/3 animate-pulse rounded bg-ods-border" }),
-      /* @__PURE__ */ jsx("div", { className: "h-3 w-1/3 animate-pulse rounded bg-ods-border" })
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-4 w-3/4 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-1 h-3 w-full rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-3 w-2/3 rounded" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-1/3 rounded" })
     ] })
   ] }) }) : /* @__PURE__ */ jsx("div", { className: "my-6", children: /* @__PURE__ */ jsxs("div", { className: "block overflow-hidden rounded-lg border border-ods-border bg-ods-card", children: [
-    /* @__PURE__ */ jsx("div", { className: "relative aspect-video w-full animate-pulse overflow-hidden bg-ods-border" }),
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "relative aspect-video w-full overflow-hidden rounded-none" }),
     /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "mt-0.5 h-6 w-6 flex-shrink-0 animate-pulse rounded bg-ods-border" }),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mt-0.5 h-6 w-6 flex-shrink-0 rounded" }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-2 h-[2.5rem] overflow-hidden leading-[1.25rem]", children: [
-          /* @__PURE__ */ jsx(
+        [
+          ["w-full", "w-3/4"],
+          ["w-full", "w-5/6"]
+        ].map((widths) => /* @__PURE__ */ jsx("div", { className: "mb-2", children: widths.map((width) => /* @__PURE__ */ jsx("div", { className: "flex h-[var(--font-line-space-h4-body)] items-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: `h-4 ${width} rounded` }) }, width)) }, widths[1])),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-[var(--font-line-space-h4-body)] items-center gap-2", children: [
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { width: "6rem", height: "0.75rem", className: "rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { width: "5rem", height: "0.75rem", className: "rounded" })
+        ] })
+      ] })
+    ] }) })
+  ] }) });
+  if (isTile) {
+    const name = publicationName || domainToTitle(domain);
+    return /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "group flex min-w-0 flex-col gap-1.5 rounded-lg border border-ods-border bg-ods-card p-3 transition-colors hover:border-ods-accent",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5 text-xs", children: [
+            /* @__PURE__ */ jsx(Favicon, { src: `https://www.google.com/s2/favicons?domain=${domain}&sz=32`, size: "w-4 h-4" }),
+            /* @__PURE__ */ jsx(TruncateText, { as: "span", className: "font-sans text-xs font-medium", children: name }),
+            meta != null && /* @__PURE__ */ jsx("span", { className: "ml-auto flex flex-none items-center gap-1.5 text-ods-text-secondary", children: meta })
+          ] }),
+          kicker != null && /* @__PURE__ */ jsx(
             "div",
             {
-              className: "animate-pulse rounded bg-ods-border",
-              style: { height: "1.25rem", marginBottom: "0.25rem" }
+              className: "overflow-hidden font-sans text-xs font-bold uppercase tracking-wide text-ods-accent",
+              style: lineClamp(1),
+              children: kicker
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "w-3/4 animate-pulse rounded bg-ods-border", style: { height: "1.25rem" } })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "mb-2 h-[2.5rem] overflow-hidden leading-[1.25rem]", children: [
           /* @__PURE__ */ jsx(
-            "div",
+            TruncateText,
             {
-              className: "animate-pulse rounded bg-ods-border",
-              style: { height: "1.25rem", marginBottom: "0.25rem" }
+              lines: 2,
+              className: "font-sans text-[15px] font-semibold leading-snug transition-colors group-hover:text-ods-accent",
+              triggerClassName: "-mt-0.5",
+              children: curatedTitle || domainToTitle(domain)
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "w-5/6 animate-pulse rounded bg-ods-border", style: { height: "1.25rem" } })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "animate-pulse rounded bg-ods-border", style: { height: "0.75rem", width: "6rem" } }),
-          /* @__PURE__ */ jsx("div", { className: "animate-pulse rounded bg-ods-border", style: { height: "0.75rem", width: "5rem" } })
-        ] })
-      ] })
-    ] }) })
-  ] }) });
+          curatedDescription && /* @__PURE__ */ jsx(TruncateText, { lines: 2, tone: "secondary", className: "font-sans text-xs leading-normal", children: curatedDescription })
+        ]
+      }
+    );
+  }
   if (!url || typeof url !== "string" || !isValidUrl) return renderSkeleton();
   if (isLocalhost) {
     return /* @__PURE__ */ jsx("div", { className: "my-6", children: /* @__PURE__ */ jsxs(
@@ -217,7 +264,6 @@ const OGLinkPreview = ({
       }
     ) });
   }
-  if (loading) return renderSkeleton();
   if (!effectiveData) return renderSkeleton();
   const title = curatedTitle || effectiveData.title;
   const description = curatedDescription || effectiveData.description || "";
@@ -320,85 +366,94 @@ const OGLinkPreview = ({
     ) });
   }
   if (!hasImage) {
-    return /* @__PURE__ */ jsx("div", { className: "my-6", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: "my-6 flex flex-1 flex-col", children: /* @__PURE__ */ jsxs(
       Link,
       {
         href: effectiveData.url,
         target: "_blank",
         rel: "noopener noreferrer",
-        className: "group flex items-center gap-3 overflow-hidden rounded-lg border border-ods-border bg-ods-card px-4 py-3 transition-all duration-200 hover:border-ods-accent",
+        className: "group flex flex-1 items-center gap-3 overflow-hidden rounded-lg border border-ods-border bg-ods-card px-4 py-3 transition-all duration-200 hover:border-ods-accent",
         children: [
           /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg bg-ods-bg-surface", children: /* @__PURE__ */ jsx(Favicon, { src: faviconSrc }) }),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("h3", { className: "truncate font-semibold text-ods-text-primary transition-colors text-h6 group-hover:text-ods-accent", children: title }),
-            description && /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-secondary text-h6", children: description })
+            /* @__PURE__ */ jsx(TruncateText, { className: "font-semibold transition-colors group-hover:text-ods-accent", children: title }),
+            description && /* @__PURE__ */ jsx(TruncateText, { tone: "secondary", children: description })
           ] }),
           /* @__PURE__ */ jsx(ExternalLinkIcon, {})
         ]
       }
     ) });
   }
-  return /* @__PURE__ */ jsx("div", { className: "my-6", children: /* @__PURE__ */ jsxs(
-    Link,
-    {
-      href: effectiveData.url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "group block overflow-hidden rounded-lg border border-ods-border bg-ods-card transition-colors hover:border-ods-accent",
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "relative flex aspect-video w-full items-center justify-center overflow-hidden rounded-lg transition-colors duration-300",
-            style: { backgroundColor: bgColor },
-            children: renderImage()
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+  return (
+    // `flex-1` lets the card stretch when the caller places it in a flex column
+    // inside a stretching grid (equal row heights); inert in block flow.
+    /* @__PURE__ */ jsx("div", { className: "my-6 flex flex-1 flex-col", children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: effectiveData.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "group flex flex-1 flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-card transition-colors hover:border-ods-accent",
+        children: [
           /* @__PURE__ */ jsx(
-            Image,
+            "div",
             {
-              src: logoSrc,
-              alt: publicationName || "",
-              className: "mt-0.5 h-6 w-6 flex-shrink-0 rounded object-contain",
-              width: 24,
-              height: 24,
-              unoptimized: true,
-              onError: (e) => {
-                const img = e.target;
-                img.style.display = "none";
-              }
+              className: "relative flex aspect-video w-full flex-none items-center justify-center overflow-hidden rounded-lg transition-colors duration-300",
+              style: { backgroundColor: bgColor },
+              children: renderImage()
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex-1 p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
             /* @__PURE__ */ jsx(
-              "h3",
+              Image,
               {
-                className: "mb-2 h-[2.5rem] overflow-hidden font-semibold text-ods-text-primary transition-colors text-h6 group-hover:text-ods-accent",
-                style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical" },
-                children: title
+                src: logoSrc,
+                alt: publicationName || "",
+                className: "mt-0.5 h-6 w-6 flex-shrink-0 rounded object-contain",
+                width: 24,
+                height: 24,
+                unoptimized: true,
+                onError: (e) => {
+                  const img = e.target;
+                  img.style.display = "none";
+                }
               }
             ),
-            description && /* @__PURE__ */ jsx(
-              "p",
-              {
-                className: "mb-2 h-[2.5rem] overflow-hidden text-ods-text-secondary text-h6",
-                style: { display: "-webkit-box", WebkitLineClamp: 2, WebkitBoxOrient: "vertical" },
-                children: description
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-ods-text-secondary text-h6", children: [
-              /* @__PURE__ */ jsx("span", { children: effectiveData.siteName }),
-              /* @__PURE__ */ jsx("span", { children: "\u2022" }),
-              /* @__PURE__ */ jsx("span", { className: "truncate", children: ogDomain })
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx(
+                TruncateText,
+                {
+                  lines: 2,
+                  className: "min-h-[calc(var(--font-line-space-h4-body)*2)] font-semibold transition-colors group-hover:text-ods-accent",
+                  triggerClassName: "mb-2",
+                  children: title
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TruncateText,
+                {
+                  lines: 2,
+                  tone: "secondary",
+                  className: "min-h-[calc(var(--font-line-space-h4-body)*2)]",
+                  triggerClassName: "mb-2",
+                  children: description
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2 text-xs text-ods-text-secondary", children: [
+                /* @__PURE__ */ jsx(TruncateText, { as: "span", className: "text-xs font-medium text-current", children: effectiveData.siteName }),
+                /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                /* @__PURE__ */ jsx(TruncateText, { as: "span", className: "text-xs text-current", children: ogDomain }),
+                meta
+              ] })
             ] })
-          ] })
-        ] }) })
-      ]
-    }
-  ) });
+          ] }) })
+        ]
+      }
+    ) })
+  );
 };
 export {
   OGLinkErrorBoundary,
-  OGLinkPreview
+  OGLinkPreview,
+  OGLinkTileSkeleton
 };

package/dist/components/embeds/reddit-embed-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reddit-embed-client.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/reddit-embed-client.tsx"],"names":[],"mappings":"AAgKA,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,0GAA0G;IAC1G,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,GAAG,EAAE,QAAc,EAAE,GAAG,EAAE,EAAE,gBAAgB,+BA2Z/E"}
+{"version":3,"file":"reddit-embed-client.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/reddit-embed-client.tsx"],"names":[],"mappings":"AAiKA,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,0GAA0G;IAC1G,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,GAAG,EAAE,QAAc,EAAE,GAAG,EAAE,EAAE,gBAAgB,+BA2Z/E"}

package/dist/components/embeds/reddit-embed-client.js

@@ -5,6 +5,7 @@ import Link from "../../embed-shims/next-link.js";
 import { formatLargeNumber } from "../../utils/format.js";
 import { renderedLinkRel } from "../../utils/markdown-link.js";
 import { socialCache } from "../../utils/social-embed-cache.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { MediaCarousel } from "../media-carousel.js";
 import { RedditContainer } from "./embed-container.js";
 import { useRichMarkdownRuntime } from "./rich-markdown-runtime.js";
@@ -86,22 +87,22 @@ function RedditEmbedClient({ url, maxWidth = 700, rel }) {
     });
   }, [url, redditProxyUrl]);
   if (loading) {
-    return /* @__PURE__ */ jsx(RedditContainer, { children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse rounded-lg border border-ods-border bg-ods-card p-6", children: [
+    return /* @__PURE__ */ jsx(RedditContainer, { children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center space-x-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-ods-border" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "mb-2 h-4 w-32 rounded bg-ods-border" }),
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-24 rounded bg-ods-border" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-4 w-32 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-24 rounded" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "mb-4 space-y-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-full rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-full rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/4 rounded" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-16 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-16 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-16 rounded" })
       ] })
     ] }) });
   }

package/dist/components/embeds/twitter-embed-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"twitter-embed-client.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/twitter-embed-client.tsx"],"names":[],"mappings":"AAwEA,UAAU,iBAAiB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,0GAA0G;IAC1G,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,QAAc,EAAE,GAAG,EAAE,EAAE,iBAAiB,+BA8P1F"}
+{"version":3,"file":"twitter-embed-client.d.ts","sourceRoot":"","sources":["../../../src/components/embeds/twitter-embed-client.tsx"],"names":[],"mappings":"AAyEA,UAAU,iBAAiB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,0GAA0G;IAC1G,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,QAAc,EAAE,GAAG,EAAE,EAAE,iBAAiB,+BA8P1F"}

package/dist/components/embeds/twitter-embed-client.js

@@ -6,6 +6,7 @@ import Link from "../../embed-shims/next-link.js";
 import { renderedLinkRel } from "../../utils/markdown-link.js";
 import { socialCache } from "../../utils/social-embed-cache.js";
 import { XLogoIcon } from "../icons-v2-generated/brand-logos/x-logo-icon.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { TwitterContainer } from "./embed-container.js";
 import { useRichMarkdownRuntime } from "./rich-markdown-runtime.js";
 const MessageCircleIcon = () => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z" }) });
@@ -63,22 +64,22 @@ function TwitterEmbedClient({ url, tweetId, maxWidth = 700, rel }) {
     });
   }, [tweetUrl, twitterProxyUrl, extractedTweetId]);
   if (loading) {
-    return /* @__PURE__ */ jsx(TwitterContainer, { children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse rounded-lg border border-ods-border bg-ods-card p-6", children: [
+    return /* @__PURE__ */ jsx(TwitterContainer, { children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center space-x-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-12 w-12 rounded-full bg-ods-border" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-12 w-12 rounded-full" }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "mb-2 h-4 w-32 rounded bg-ods-border" }),
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-24 rounded bg-ods-border" })
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-2 h-4 w-32 rounded" }),
+          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-24 rounded" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "mb-4 space-y-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-full rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-full rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-3/4 rounded" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-ods-border" })
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-16 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-16 rounded" }),
+        /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-16 rounded" })
       ] })
     ] }) });
   }

package/dist/components/faq/faq-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"faq-section.d.ts","sourceRoot":"","sources":["../../../src/components/faq/faq-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAQ3C,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACjF,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE1E,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACjC;uCACmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kIAAkI;IAClI,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;6CACyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;uCACmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;;;;;;OAUG;IACH,GAAG,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CAC7B;AAID,2FAA2F;AAC3F,eAAO,MAAM,mBAAmB,QAAQ,CAAC;AAKzC;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,eAAe,EACf,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,YAAY,GAAG,QAAQ,GAAG,WAAW,CACzF,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtB,8GAA8G;AAC9G,wBAAgB,YAAY,CAAC,GAAG,EAAE,WAAW,GAAG,eAAe,CAE9D;AAmUD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,UAAkB,EAClB,MAAM,EACN,SAAS,EACT,EAAE,EACF,SAAiB,EACjB,UAAU,EACV,UAAe,EACf,KAAK,EAAE,SAAS,EAChB,GAAG,GACJ,EAAE,eAAe,4BA8EjB"}
+{"version":3,"file":"faq-section.d.ts","sourceRoot":"","sources":["../../../src/components/faq/faq-section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAU3C,OAAO,EAA+B,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACjF,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE1E,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACjC;uCACmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kIAAkI;IAClI,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;6CACyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;uCACmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;;;;;;;OAUG;IACH,GAAG,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CAC7B;AAID,2FAA2F;AAC3F,eAAO,MAAM,mBAAmB,QAAQ,CAAC;AAKzC;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,eAAe,EACf,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,YAAY,GAAG,QAAQ,GAAG,WAAW,CACzF,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtB,8GAA8G;AAC9G,wBAAgB,YAAY,CAAC,GAAG,EAAE,WAAW,GAAG,eAAe,CAE9D;AAwUD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,UAAkB,EAClB,MAAM,EACN,SAAS,EACT,EAAE,EACF,SAAiB,EACjB,UAAU,EACV,UAAe,EACf,KAAK,EAAE,SAAS,EAChB,GAAG,GACJ,EAAE,eAAe,4BA8EjB"}