@gosalesdeal/blog 0.1.0 → 0.3.0

package/dist/components/BlogPost.js

@@ -1,9 +1,12 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { getPostBySlug, incrementView } from "../client/blogClient.js";
 import { renderBlocks } from "../render/BlockRenderer.js";
-import { formatDate } from "../lib/format.js";
 import { generateBlogPostJsonLd, generateBlogBreadcrumbJsonLd } from "../seo/index.js";
 import { JsonLd } from "./JsonLd.js";
+import { BlogPostHeader } from "./BlogPostHeader.js";
+import { getLandingPageSchema } from "../render/landingPageHtml.js";
+import { LandingPageRenderer } from "../render/LandingPageRenderer.js";
+import { RichText } from "../render/RichText.js";
 function mergeConfig(config, apiBaseUrl, tenantId) {
   return {
     ...config,
@@ -13,6 +16,7 @@ function mergeConfig(config, apiBaseUrl, tenantId) {
 }
 async function BlogPost({
   slug,
+  post: initialPost,
   apiBaseUrl,
   tenantId,
   config,
@@ -20,31 +24,38 @@ async function BlogPost({
   renderJsonLd = true,
   seo,
   locale = "en-US",
+  showTitle = true,
+  showFeatured = true,
+  showMeta = true,
+  showExcerpt = true,
   fallback = null
 }) {
   const cfg = mergeConfig(config, apiBaseUrl, tenantId);
-  const post = await getPostBySlug(slug, cfg);
+  const post = initialPost ?? await getPostBySlug(slug, cfg);
   if (!post) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
   if (trackView) await incrementView(post.post_id, cfg);
+  const landingSchema = post.content_blocks.length === 0 ? getLandingPageSchema(post) : null;
+  const landingPageHtml = post.content_blocks.length === 0 && !landingSchema && post.landing_page_html ? { html: post.landing_page_html, css: post.landing_page_css ?? "" } : null;
   return /* @__PURE__ */ jsxs("article", { className: "ggblog-post", children: [
     renderJsonLd ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(JsonLd, { id: "ggblog-post-jsonld", data: generateBlogPostJsonLd(post, seo) }),
       /* @__PURE__ */ jsx(JsonLd, { id: "ggblog-breadcrumb-jsonld", data: generateBlogBreadcrumbJsonLd(post, seo) })
     ] }) : null,
-    /* @__PURE__ */ jsxs("header", { className: "ggblog-post-header", children: [
-      /* @__PURE__ */ jsx("h1", { className: "ggblog-post-title", children: post.title }),
-      /* @__PURE__ */ jsxs("div", { className: "ggblog-post-meta", children: [
-        post.author_name ? /* @__PURE__ */ jsx("span", { className: "ggblog-post-author", children: post.author_name }) : null,
-        post.published_at ? /* @__PURE__ */ jsx("time", { dateTime: post.published_at, children: formatDate(post.published_at, locale) }) : null,
-        post.reading_time ? /* @__PURE__ */ jsxs("span", { className: "ggblog-post-readtime", children: [
-          post.reading_time,
-          " min read"
-        ] }) : null
-      ] }),
-      post.excerpt ? /* @__PURE__ */ jsx("p", { className: "ggblog-post-excerpt", children: post.excerpt }) : null,
-      post.featured_image ? /* @__PURE__ */ jsx("figure", { className: "ggblog-post-cover", children: /* @__PURE__ */ jsx("img", { src: post.featured_image, alt: post.featured_image_alt ?? post.title }) }) : null
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "ggblog-post-body", children: renderBlocks(post.content_blocks) })
+    /* @__PURE__ */ jsx(
+      BlogPostHeader,
+      {
+        post,
+        locale,
+        showTitle,
+        showFeatured,
+        showMeta,
+        showExcerpt
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "ggblog-post-body", children: post.content_blocks.length > 0 ? renderBlocks(post.content_blocks) : landingSchema ? /* @__PURE__ */ jsx(LandingPageRenderer, { schema: landingSchema }) : landingPageHtml?.html ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      landingPageHtml.css ? /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: landingPageHtml.css } }) : null,
+      /* @__PURE__ */ jsx(RichText, { html: landingPageHtml.html, className: "ggblog-landing-page" })
+    ] }) : null })
   ] });
 }
 export {

package/dist/components/BlogPost.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPost.js","sources":["../../src/components/BlogPost.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { BlogConfig } from '../config';\nimport { getPostBySlug, incrementView } from '../client/blogClient';\nimport { renderBlocks } from '../render/BlockRenderer';\nimport { formatDate } from '../lib/format';\nimport { generateBlogPostJsonLd, generateBlogBreadcrumbJsonLd, type SeoOptions } from '../seo';\nimport { JsonLd } from './JsonLd';\n\nexport interface BlogPostProps {\n  /** Slug of the post to render. */\n  slug: string;\n  /** API base URL (overrides configured/env default). */\n  apiBaseUrl?: string;\n  /** Tenant id sent as `X-Tenant`. */\n  tenantId?: string;\n  /** Full config override (takes precedence over apiBaseUrl/tenantId props). */\n  config?: Partial<BlogConfig>;\n  /** Fire a best-effort view increment. Default true. */\n  trackView?: boolean;\n  /** Emit BlogPosting + breadcrumb JSON-LD. Default true. */\n  renderJsonLd?: boolean;\n  /** SEO context (site origin/name) used for JSON-LD canonical URLs. */\n  seo?: SeoOptions;\n  /** Locale for date formatting. Default 'en-US'. */\n  locale?: string;\n  /** Rendered when the post is not found (consumer typically calls notFound()). */\n  fallback?: ReactNode;\n}\n\nfunction mergeConfig(\n  config?: Partial<BlogConfig>,\n  apiBaseUrl?: string,\n  tenantId?: string,\n): Partial<BlogConfig> {\n  return {\n    ...config,\n    ...(apiBaseUrl ? { apiBaseUrl } : {}),\n    ...(tenantId ? { tenantId } : {}),\n  };\n}\n\n/** Async server component: fetches a post by slug and renders it. */\nexport async function BlogPost({\n  slug,\n  apiBaseUrl,\n  tenantId,\n  config,\n  trackView = true,\n  renderJsonLd = true,\n  seo,\n  locale = 'en-US',\n  fallback = null,\n}: BlogPostProps) {\n  const cfg = mergeConfig(config, apiBaseUrl, tenantId);\n  const post = await getPostBySlug(slug, cfg);\n  if (!post) return <>{fallback}</>;\n\n  if (trackView) await incrementView(post.post_id, cfg);\n\n  return (\n    <article className=\"ggblog-post\">\n      {renderJsonLd ? (\n        <>\n          <JsonLd id=\"ggblog-post-jsonld\" data={generateBlogPostJsonLd(post, seo)} />\n          <JsonLd id=\"ggblog-breadcrumb-jsonld\" data={generateBlogBreadcrumbJsonLd(post, seo)} />\n        </>\n      ) : null}\n\n      <header className=\"ggblog-post-header\">\n        <h1 className=\"ggblog-post-title\">{post.title}</h1>\n        <div className=\"ggblog-post-meta\">\n          {post.author_name ? <span className=\"ggblog-post-author\">{post.author_name}</span> : null}\n          {post.published_at ? (\n            <time dateTime={post.published_at}>{formatDate(post.published_at, locale)}</time>\n          ) : null}\n          {post.reading_time ? (\n            <span className=\"ggblog-post-readtime\">{post.reading_time} min read</span>\n          ) : null}\n        </div>\n        {post.excerpt ? <p className=\"ggblog-post-excerpt\">{post.excerpt}</p> : null}\n        {post.featured_image ? (\n          <figure className=\"ggblog-post-cover\">\n            {/* eslint-disable-next-line @next/next/no-img-element */}\n            <img src={post.featured_image} alt={post.featured_image_alt ?? post.title} />\n          </figure>\n        ) : null}\n      </header>\n\n      <div className=\"ggblog-post-body\">{renderBlocks(post.content_blocks)}</div>\n    </article>\n  );\n}\n"],"names":[],"mappings":";;;;;;AA6BA,SAAS,YACP,QACA,YACA,UACqB;AACrB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,IAClC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,EAAC;AAEnC;AAGA,eAAsB,SAAS;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AACb,GAAkB;AAChB,QAAM,MAAM,YAAY,QAAQ,YAAY,QAAQ;AACpD,QAAM,OAAO,MAAM,cAAc,MAAM,GAAG;AAC1C,MAAI,CAAC,KAAM,QAAO,oBAAA,UAAA,EAAG,UAAA,UAAS;AAE9B,MAAI,UAAW,OAAM,cAAc,KAAK,SAAS,GAAG;AAEpD,SACE,qBAAC,WAAA,EAAQ,WAAU,eAChB,UAAA;AAAA,IAAA,eACC,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,UAAO,IAAG,sBAAqB,MAAM,uBAAuB,MAAM,GAAG,GAAG;AAAA,MACzE,oBAAC,UAAO,IAAG,4BAA2B,MAAM,6BAA6B,MAAM,GAAG,EAAA,CAAG;AAAA,IAAA,EAAA,CACvF,IACE;AAAA,IAEJ,qBAAC,UAAA,EAAO,WAAU,sBAChB,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,qBAAqB,UAAA,KAAK,OAAM;AAAA,MAC9C,qBAAC,OAAA,EAAI,WAAU,oBACZ,UAAA;AAAA,QAAA,KAAK,cAAc,oBAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,KAAK,aAAY,IAAU;AAAA,QACpF,KAAK,eACJ,oBAAC,QAAA,EAAK,UAAU,KAAK,cAAe,UAAA,WAAW,KAAK,cAAc,MAAM,EAAA,CAAE,IACxE;AAAA,QACH,KAAK,eACJ,qBAAC,QAAA,EAAK,WAAU,wBAAwB,UAAA;AAAA,UAAA,KAAK;AAAA,UAAa;AAAA,QAAA,EAAA,CAAS,IACjE;AAAA,MAAA,GACN;AAAA,MACC,KAAK,UAAU,oBAAC,KAAA,EAAE,WAAU,uBAAuB,UAAA,KAAK,SAAQ,IAAO;AAAA,MACvE,KAAK,iBACJ,oBAAC,UAAA,EAAO,WAAU,qBAEhB,UAAA,oBAAC,OAAA,EAAI,KAAK,KAAK,gBAAgB,KAAK,KAAK,sBAAsB,KAAK,OAAO,GAC7E,IACE;AAAA,IAAA,GACN;AAAA,wBAEC,OAAA,EAAI,WAAU,oBAAoB,UAAA,aAAa,KAAK,cAAc,EAAA,CAAE;AAAA,EAAA,GACvE;AAEJ;"}
+{"version":3,"file":"BlogPost.js","sources":["../../src/components/BlogPost.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { BlogConfig } from '../config';\nimport { getPostBySlug, incrementView } from '../client/blogClient';\nimport { renderBlocks } from '../render/BlockRenderer';\nimport { generateBlogPostJsonLd, generateBlogBreadcrumbJsonLd, type SeoOptions } from '../seo';\nimport { JsonLd } from './JsonLd';\nimport { BlogPostHeader } from './BlogPostHeader';\nimport type { BlogPost as BlogPostData } from '../types/blog';\nimport { getLandingPageSchema, type LandingPageSchema } from '../render/landingPageHtml';\nimport { LandingPageRenderer } from '../render/LandingPageRenderer';\nimport { RichText } from '../render/RichText';\n\ntype BlogPostWithLanding = BlogPostData & {\n  landingPage?: {\n    publishedVersion?: {\n      schema_json?: LandingPageSchema;\n    };\n  };\n};\n\nexport interface BlogPostProps {\n  /** Slug of the post to render. */\n  slug: string;\n  /** Pre-fetched post (skips the slug API call when provided). */\n  post?: BlogPostData;\n  /** API base URL (overrides configured/env default). */\n  apiBaseUrl?: string;\n  /** Tenant id sent as `X-Tenant`. */\n  tenantId?: string;\n  /** Full config override (takes precedence over apiBaseUrl/tenantId props). */\n  config?: Partial<BlogConfig>;\n  /** Fire a best-effort view increment. Default true. */\n  trackView?: boolean;\n  /** Emit BlogPosting + breadcrumb JSON-LD. Default true. */\n  renderJsonLd?: boolean;\n  /** SEO context (site origin/name) used for JSON-LD canonical URLs. */\n  seo?: SeoOptions;\n  /** Locale for date formatting. Default 'en-US'. */\n  locale?: string;\n  /** Show the post title in the header. Default true. */\n  showTitle?: boolean;\n  /** Show the featured image when available. Default true. */\n  showFeatured?: boolean;\n  /** Show author, date, and reading time. Default true. */\n  showMeta?: boolean;\n  /** Show the excerpt. Default true. */\n  showExcerpt?: boolean;\n  /** Rendered when the post is not found (consumer typically calls notFound()). */\n  fallback?: ReactNode;\n}\n\nfunction mergeConfig(\n  config?: Partial<BlogConfig>,\n  apiBaseUrl?: string,\n  tenantId?: string,\n): Partial<BlogConfig> {\n  return {\n    ...config,\n    ...(apiBaseUrl ? { apiBaseUrl } : {}),\n    ...(tenantId ? { tenantId } : {}),\n  };\n}\n\n/** Async server component: fetches a post by slug and renders it. */\nexport async function BlogPost({\n  slug,\n  post: initialPost,\n  apiBaseUrl,\n  tenantId,\n  config,\n  trackView = true,\n  renderJsonLd = true,\n  seo,\n  locale = 'en-US',\n  showTitle = true,\n  showFeatured = true,\n  showMeta = true,\n  showExcerpt = true,\n  fallback = null,\n}: BlogPostProps) {\n  const cfg = mergeConfig(config, apiBaseUrl, tenantId);\n  const post = initialPost ?? (await getPostBySlug(slug, cfg));\n  if (!post) return <>{fallback}</>;\n\n  if (trackView) await incrementView(post.post_id, cfg);\n\n  const landingSchema =\n    post.content_blocks.length === 0\n      ? getLandingPageSchema(post as BlogPostWithLanding)\n      : null;\n\n  const landingPageHtml =\n    post.content_blocks.length === 0 && !landingSchema && post.landing_page_html\n      ? { html: post.landing_page_html, css: post.landing_page_css ?? '' }\n      : null;\n\n  return (\n    <article className=\"ggblog-post\">\n      {renderJsonLd ? (\n        <>\n          <JsonLd id=\"ggblog-post-jsonld\" data={generateBlogPostJsonLd(post, seo)} />\n          <JsonLd id=\"ggblog-breadcrumb-jsonld\" data={generateBlogBreadcrumbJsonLd(post, seo)} />\n        </>\n      ) : null}\n\n      <BlogPostHeader\n        post={post}\n        locale={locale}\n        showTitle={showTitle}\n        showFeatured={showFeatured}\n        showMeta={showMeta}\n        showExcerpt={showExcerpt}\n      />\n\n      <div className=\"ggblog-post-body\">\n        {post.content_blocks.length > 0 ? (\n          renderBlocks(post.content_blocks)\n        ) : landingSchema ? (\n          <LandingPageRenderer schema={landingSchema} />\n        ) : landingPageHtml?.html ? (\n          <>\n            {landingPageHtml.css ? (\n              <style dangerouslySetInnerHTML={{ __html: landingPageHtml.css }} />\n            ) : null}\n            <RichText html={landingPageHtml.html} className=\"ggblog-landing-page\" />\n          </>\n        ) : null}\n      </div>\n    </article>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAmDA,SAAS,YACP,QACA,YACA,UACqB;AACrB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,IAClC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,EAAC;AAEnC;AAGA,eAAsB,SAAS;AAAA,EAC7B;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AACb,GAAkB;AAChB,QAAM,MAAM,YAAY,QAAQ,YAAY,QAAQ;AACpD,QAAM,OAAO,eAAgB,MAAM,cAAc,MAAM,GAAG;AAC1D,MAAI,CAAC,KAAM,QAAO,oBAAA,UAAA,EAAG,UAAA,UAAS;AAE9B,MAAI,UAAW,OAAM,cAAc,KAAK,SAAS,GAAG;AAEpD,QAAM,gBACJ,KAAK,eAAe,WAAW,IAC3B,qBAAqB,IAA2B,IAChD;AAEN,QAAM,kBACJ,KAAK,eAAe,WAAW,KAAK,CAAC,iBAAiB,KAAK,oBACvD,EAAE,MAAM,KAAK,mBAAmB,KAAK,KAAK,oBAAoB,OAC9D;AAEN,SACE,qBAAC,WAAA,EAAQ,WAAU,eAChB,UAAA;AAAA,IAAA,eACC,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,UAAO,IAAG,sBAAqB,MAAM,uBAAuB,MAAM,GAAG,GAAG;AAAA,MACzE,oBAAC,UAAO,IAAG,4BAA2B,MAAM,6BAA6B,MAAM,GAAG,EAAA,CAAG;AAAA,IAAA,EAAA,CACvF,IACE;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,oBAAC,SAAI,WAAU,oBACZ,eAAK,eAAe,SAAS,IAC5B,aAAa,KAAK,cAAc,IAC9B,oCACD,qBAAA,EAAoB,QAAQ,eAAe,IAC1C,iBAAiB,OACnB,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA,gBAAgB,0BACd,SAAA,EAAM,yBAAyB,EAAE,QAAQ,gBAAgB,IAAA,EAAI,CAAG,IAC/D;AAAA,0BACH,UAAA,EAAS,MAAM,gBAAgB,MAAM,WAAU,sBAAA,CAAsB;AAAA,IAAA,EAAA,CACxE,IACE,KAAA,CACN;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/BlogPostHeader.d.ts

@@ -0,0 +1,15 @@
+import { BlogPost } from '../types/blog';
+export interface BlogPostHeaderProps {
+    post: Pick<BlogPost, 'title' | 'featured_image' | 'featured_image_alt' | 'excerpt' | 'author_name' | 'published_at' | 'reading_time'>;
+    /** Show the post title. Default true. */
+    showTitle?: boolean;
+    /** Show the featured image when `post.featured_image` is set. Default true. */
+    showFeatured?: boolean;
+    /** Show author, date, and reading time. Default true. */
+    showMeta?: boolean;
+    /** Show the excerpt paragraph. Default true. */
+    showExcerpt?: boolean;
+    locale?: string;
+}
+/** Optional post header: title, meta, excerpt, and featured image. */
+export declare function BlogPostHeader({ post, showTitle, showFeatured, showMeta, showExcerpt, locale, }: BlogPostHeaderProps): import("react").JSX.Element | null;

package/dist/components/BlogPostHeader.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { formatDate } from "../lib/format.js";
+function BlogPostHeader({
+  post,
+  showTitle = true,
+  showFeatured = true,
+  showMeta = true,
+  showExcerpt = true,
+  locale = "en-US"
+}) {
+  const hasTitle = showTitle && Boolean(post.title);
+  const hasFeatured = showFeatured && Boolean(post.featured_image);
+  const hasMeta = showMeta && Boolean(post.author_name || post.published_at || post.reading_time);
+  const hasExcerpt = showExcerpt && Boolean(post.excerpt);
+  if (!hasTitle && !hasFeatured && !hasMeta && !hasExcerpt) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("header", { className: "ggblog-post-header", children: [
+    hasTitle ? /* @__PURE__ */ jsx("h1", { className: "ggblog-post-title", children: post.title }) : null,
+    hasMeta ? /* @__PURE__ */ jsxs("div", { className: "ggblog-post-meta", children: [
+      post.author_name ? /* @__PURE__ */ jsx("span", { className: "ggblog-post-author", children: post.author_name }) : null,
+      post.published_at ? /* @__PURE__ */ jsx("time", { dateTime: post.published_at, children: formatDate(post.published_at, locale) }) : null,
+      post.reading_time ? /* @__PURE__ */ jsxs("span", { className: "ggblog-post-readtime", children: [
+        post.reading_time,
+        " min read"
+      ] }) : null
+    ] }) : null,
+    hasExcerpt ? /* @__PURE__ */ jsx("p", { className: "ggblog-post-excerpt", children: post.excerpt }) : null,
+    hasFeatured ? /* @__PURE__ */ jsx("figure", { className: "ggblog-post-cover", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: post.featured_image,
+        alt: post.featured_image_alt ?? post.title
+      }
+    ) }) : null
+  ] });
+}
+export {
+  BlogPostHeader
+};
+//# sourceMappingURL=BlogPostHeader.js.map

package/dist/components/BlogPostHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPostHeader.js","sources":["../../src/components/BlogPostHeader.tsx"],"sourcesContent":["import type { BlogPost } from '../types/blog';\nimport { formatDate } from '../lib/format';\n\nexport interface BlogPostHeaderProps {\n  post: Pick<\n    BlogPost,\n    | 'title'\n    | 'featured_image'\n    | 'featured_image_alt'\n    | 'excerpt'\n    | 'author_name'\n    | 'published_at'\n    | 'reading_time'\n  >;\n  /** Show the post title. Default true. */\n  showTitle?: boolean;\n  /** Show the featured image when `post.featured_image` is set. Default true. */\n  showFeatured?: boolean;\n  /** Show author, date, and reading time. Default true. */\n  showMeta?: boolean;\n  /** Show the excerpt paragraph. Default true. */\n  showExcerpt?: boolean;\n  locale?: string;\n}\n\n/** Optional post header: title, meta, excerpt, and featured image. */\nexport function BlogPostHeader({\n  post,\n  showTitle = true,\n  showFeatured = true,\n  showMeta = true,\n  showExcerpt = true,\n  locale = 'en-US',\n}: BlogPostHeaderProps) {\n  const hasTitle = showTitle && Boolean(post.title);\n  const hasFeatured = showFeatured && Boolean(post.featured_image);\n  const hasMeta =\n    showMeta &&\n    Boolean(post.author_name || post.published_at || post.reading_time);\n  const hasExcerpt = showExcerpt && Boolean(post.excerpt);\n\n  if (!hasTitle && !hasFeatured && !hasMeta && !hasExcerpt) {\n    return null;\n  }\n\n  return (\n    <header className=\"ggblog-post-header\">\n      {hasTitle ? <h1 className=\"ggblog-post-title\">{post.title}</h1> : null}\n      {hasMeta ? (\n        <div className=\"ggblog-post-meta\">\n          {post.author_name ? (\n            <span className=\"ggblog-post-author\">{post.author_name}</span>\n          ) : null}\n          {post.published_at ? (\n            <time dateTime={post.published_at}>{formatDate(post.published_at, locale)}</time>\n          ) : null}\n          {post.reading_time ? (\n            <span className=\"ggblog-post-readtime\">{post.reading_time} min read</span>\n          ) : null}\n        </div>\n      ) : null}\n      {hasExcerpt ? <p className=\"ggblog-post-excerpt\">{post.excerpt}</p> : null}\n      {hasFeatured ? (\n        <figure className=\"ggblog-post-cover\">\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img\n            src={post.featured_image}\n            alt={post.featured_image_alt ?? post.title}\n          />\n        </figure>\n      ) : null}\n    </header>\n  );\n}\n"],"names":[],"mappings":";;AA0BO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AACX,GAAwB;AACtB,QAAM,WAAW,aAAa,QAAQ,KAAK,KAAK;AAChD,QAAM,cAAc,gBAAgB,QAAQ,KAAK,cAAc;AAC/D,QAAM,UACJ,YACA,QAAQ,KAAK,eAAe,KAAK,gBAAgB,KAAK,YAAY;AACpE,QAAM,aAAa,eAAe,QAAQ,KAAK,OAAO;AAEtD,MAAI,CAAC,YAAY,CAAC,eAAe,CAAC,WAAW,CAAC,YAAY;AACxD,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,UAAA,EAAO,WAAU,sBACf,UAAA;AAAA,IAAA,+BAAY,MAAA,EAAG,WAAU,qBAAqB,UAAA,KAAK,OAAM,IAAQ;AAAA,IACjE,UACC,qBAAC,OAAA,EAAI,WAAU,oBACZ,UAAA;AAAA,MAAA,KAAK,cACJ,oBAAC,QAAA,EAAK,WAAU,sBAAsB,UAAA,KAAK,aAAY,IACrD;AAAA,MACH,KAAK,eACJ,oBAAC,QAAA,EAAK,UAAU,KAAK,cAAe,UAAA,WAAW,KAAK,cAAc,MAAM,EAAA,CAAE,IACxE;AAAA,MACH,KAAK,eACJ,qBAAC,QAAA,EAAK,WAAU,wBAAwB,UAAA;AAAA,QAAA,KAAK;AAAA,QAAa;AAAA,MAAA,EAAA,CAAS,IACjE;AAAA,IAAA,EAAA,CACN,IACE;AAAA,IACH,aAAa,oBAAC,KAAA,EAAE,WAAU,uBAAuB,UAAA,KAAK,SAAQ,IAAO;AAAA,IACrE,cACC,oBAAC,UAAA,EAAO,WAAU,qBAEhB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,KAAK,KAAK,sBAAsB,KAAK;AAAA,MAAA;AAAA,IAAA,GAEzC,IACE;AAAA,EAAA,GACN;AAEJ;"}

package/dist/components/landing/BlogLayoutComponents.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+/**
+ * Blog Layout Components
+ * Flexible layout components for arranging blog content in columns
+ */
+export declare const BlogTwoColumnComponent: React.FC<{
+    props: Record<string, any>;
+}>;
+export declare const BlogThreeColumnComponent: React.FC<{
+    props: Record<string, any>;
+}>;
+export declare const BlogContainerComponent: React.FC<{
+    props: Record<string, any>;
+}>;

package/dist/components/landing/BlogLayoutComponents.js

@@ -0,0 +1,198 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const BlogTwoColumnComponent = ({ props }) => {
+  const ratios = {
+    "50-50": { left: "50%", right: "50%" },
+    "60-40": { left: "60%", right: "40%" },
+    "40-60": { left: "40%", right: "60%" },
+    "70-30": { left: "70%", right: "30%" },
+    "30-70": { left: "30%", right: "70%" },
+    "66-33": { left: "66.66%", right: "33.33%" },
+    "33-66": { left: "33.33%", right: "66.66%" }
+  };
+  const ratio = ratios[props.columnRatio] || ratios["50-50"];
+  const containerStyle = {
+    backgroundColor: props.backgroundColor || "transparent",
+    marginTop: props.marginTop || "2rem",
+    marginBottom: props.marginBottom || "2rem"
+  };
+  const innerContainerStyle = {
+    maxWidth: props.containerMaxWidth || "1200px",
+    margin: "0 auto",
+    padding: props.containerPadding || "2rem"
+  };
+  const rowStyle = {
+    display: "flex",
+    gap: props.gap || "2rem",
+    alignItems: props.verticalAlign || "center"
+  };
+  const leftColStyle = {
+    flex: `0 0 ${ratio.left}`,
+    backgroundColor: props.leftBgColor || "transparent",
+    padding: props.leftPadding || "0"
+  };
+  const rightColStyle = {
+    flex: `0 0 ${ratio.right}`,
+    backgroundColor: props.rightBgColor || "transparent",
+    padding: props.rightPadding || "0"
+  };
+  const responsiveCSS = `
+    @media (max-width: 768px) {
+      .blog-two-column-row${props.stackOnMobile ? "-stack-mobile" : ""} {
+        ${props.stackOnMobile ? "flex-direction: column;" : ""}
+        ${props.stackOnMobile && props.reverseOnMobile ? "flex-direction: column-reverse;" : ""}
+      }
+      .blog-two-column-row${props.stackOnMobile ? "-stack-mobile" : ""} > div {
+        ${props.stackOnMobile ? "flex: 0 0 100% !important;" : ""}
+      }
+    }
+    @media (min-width: 769px) and (max-width: 1024px) {
+      .blog-two-column-row${props.stackOnTablet ? "-stack-tablet" : ""} {
+        ${props.stackOnTablet ? "flex-direction: column;" : ""}
+      }
+      .blog-two-column-row${props.stackOnTablet ? "-stack-tablet" : ""} > div {
+        ${props.stackOnTablet ? "flex: 0 0 100% !important;" : ""}
+      }
+    }
+  `;
+  return /* @__PURE__ */ jsxs("div", { className: `blog-two-column ${props.className || ""}`, style: containerStyle, children: [
+    props.customCSS && /* @__PURE__ */ jsx("style", { children: props.customCSS }),
+    /* @__PURE__ */ jsx("style", { children: responsiveCSS }),
+    /* @__PURE__ */ jsx("div", { style: innerContainerStyle, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `blog-two-column-row${props.stackOnMobile ? "-stack-mobile" : ""}${props.stackOnTablet ? "-stack-tablet" : ""}`,
+        style: rowStyle,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: props.leftClassName || "", style: leftColStyle, children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: props.leftContent || "Left column content" } }) }),
+          /* @__PURE__ */ jsx("div", { className: props.rightClassName || "", style: rightColStyle, children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: props.rightContent || "Right column content" } }) })
+        ]
+      }
+    ) })
+  ] });
+};
+const BlogThreeColumnComponent = ({ props }) => {
+  const ratios = {
+    "33-33-33": { col1: "33.33%", col2: "33.33%", col3: "33.33%" },
+    "50-25-25": { col1: "50%", col2: "25%", col3: "25%" },
+    "25-50-25": { col1: "25%", col2: "50%", col3: "25%" },
+    "25-25-50": { col1: "25%", col2: "25%", col3: "50%" },
+    "40-30-30": { col1: "40%", col2: "30%", col3: "30%" },
+    "30-40-30": { col1: "30%", col2: "40%", col3: "30%" },
+    "30-30-40": { col1: "30%", col2: "30%", col3: "40%" }
+  };
+  const ratio = ratios[props.columnRatio] || ratios["33-33-33"];
+  const containerStyle = {
+    backgroundColor: props.backgroundColor || "transparent",
+    marginTop: props.marginTop || "2rem",
+    marginBottom: props.marginBottom || "2rem"
+  };
+  const innerContainerStyle = {
+    maxWidth: props.containerMaxWidth || "1200px",
+    margin: "0 auto",
+    padding: props.containerPadding || "2rem"
+  };
+  const rowStyle = {
+    display: "flex",
+    gap: props.gap || "1.5rem",
+    alignItems: props.verticalAlign || "flex-start"
+  };
+  const responsiveCSS = `
+    @media (max-width: 768px) {
+      .blog-three-column-row${props.stackOnMobile ? "-stack-mobile" : ""} {
+        ${props.stackOnMobile ? "flex-direction: column;" : ""}
+      }
+      .blog-three-column-row${props.stackOnMobile ? "-stack-mobile" : ""} > div {
+        ${props.stackOnMobile ? "flex: 0 0 100% !important;" : ""}
+      }
+    }
+    @media (min-width: 769px) and (max-width: 1024px) {
+      .blog-three-column-row${props.stackOnTablet ? "-stack-tablet" : ""} {
+        ${props.stackOnTablet ? "flex-direction: column;" : ""}
+      }
+      .blog-three-column-row${props.stackOnTablet ? "-stack-tablet" : ""} > div {
+        ${props.stackOnTablet ? "flex: 0 0 100% !important;" : ""}
+      }
+    }
+  `;
+  return /* @__PURE__ */ jsxs("div", { className: `blog-three-column ${props.className || ""}`, style: containerStyle, children: [
+    props.customCSS && /* @__PURE__ */ jsx("style", { children: props.customCSS }),
+    /* @__PURE__ */ jsx("style", { children: responsiveCSS }),
+    /* @__PURE__ */ jsx("div", { style: innerContainerStyle, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `blog-three-column-row${props.stackOnMobile ? "-stack-mobile" : ""}${props.stackOnTablet ? "-stack-tablet" : ""}`,
+        style: rowStyle,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: props.column1ClassName || "",
+              style: {
+                flex: `0 0 ${ratio.col1}`,
+                backgroundColor: props.column1BgColor || "transparent",
+                padding: props.column1Padding || "0"
+              },
+              children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: props.column1Content || "Column 1" } })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: props.column2ClassName || "",
+              style: {
+                flex: `0 0 ${ratio.col2}`,
+                backgroundColor: props.column2BgColor || "transparent",
+                padding: props.column2Padding || "0"
+              },
+              children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: props.column2Content || "Column 2" } })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: props.column3ClassName || "",
+              style: {
+                flex: `0 0 ${ratio.col3}`,
+                backgroundColor: props.column3BgColor || "transparent",
+                padding: props.column3Padding || "0"
+              },
+              children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: props.column3Content || "Column 3" } })
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+};
+const BlogContainerComponent = ({ props }) => {
+  const wrapperStyle = {
+    display: "flex",
+    justifyContent: props.contentAlign || "center",
+    marginTop: props.marginTop || "2rem",
+    marginBottom: props.marginBottom || "2rem"
+  };
+  const containerStyle = {
+    width: props.width || "100%",
+    maxWidth: props.maxWidth || "800px",
+    backgroundColor: props.backgroundColor || "transparent",
+    backgroundImage: props.backgroundImage ? `url(${props.backgroundImage})` : "none",
+    backgroundSize: props.backgroundSize || "cover",
+    backgroundPosition: props.backgroundPosition || "center",
+    backgroundRepeat: "no-repeat",
+    padding: props.paddingTop || props.paddingBottom || props.paddingLeft || props.paddingRight ? `${props.paddingTop || props.padding || "2rem"} ${props.paddingRight || props.padding || "2rem"} ${props.paddingBottom || props.padding || "2rem"} ${props.paddingLeft || props.padding || "2rem"}` : props.padding || "2rem",
+    border: props.border ? `${props.borderWidth || "1px"} ${props.borderStyle || "solid"} ${props.borderColor || "#e5e7eb"}` : "none",
+    borderRadius: props.borderRadius || "8px",
+    textAlign: props.textAlign || "left"
+  };
+  return /* @__PURE__ */ jsx("div", { style: wrapperStyle, children: /* @__PURE__ */ jsxs("div", { className: `blog-container ${props.shadow || ""} ${props.className || ""}`, style: containerStyle, children: [
+    props.customCSS && /* @__PURE__ */ jsx("style", { children: props.customCSS }),
+    /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: props.content || "Container content" } })
+  ] }) });
+};
+export {
+  BlogContainerComponent,
+  BlogThreeColumnComponent,
+  BlogTwoColumnComponent
+};
+//# sourceMappingURL=BlogLayoutComponents.js.map

package/dist/components/landing/BlogLayoutComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogLayoutComponents.js","sources":["../../../src/components/landing/BlogLayoutComponents.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\n/**\n * Blog Layout Components\n * Flexible layout components for arranging blog content in columns\n */\n\n// Blog Two Column Layout Component\nexport const BlogTwoColumnComponent: React.FC<{ props: Record<string, any> }> = ({ props }) => {\n  const ratios: Record<string, { left: string; right: string }> = {\n    '50-50': { left: '50%', right: '50%' },\n    '60-40': { left: '60%', right: '40%' },\n    '40-60': { left: '40%', right: '60%' },\n    '70-30': { left: '70%', right: '30%' },\n    '30-70': { left: '30%', right: '70%' },\n    '66-33': { left: '66.66%', right: '33.33%' },\n    '33-66': { left: '33.33%', right: '66.66%' },\n  };\n\n  const ratio = ratios[props.columnRatio] || ratios['50-50'];\n\n  const containerStyle: any = {\n    backgroundColor: props.backgroundColor || 'transparent',\n    marginTop: props.marginTop || '2rem',\n    marginBottom: props.marginBottom || '2rem',\n  };\n\n  const innerContainerStyle: any = {\n    maxWidth: props.containerMaxWidth || '1200px',\n    margin: '0 auto',\n    padding: props.containerPadding || '2rem',\n  };\n\n  const rowStyle: any = {\n    display: 'flex',\n    gap: props.gap || '2rem',\n    alignItems: props.verticalAlign || 'center',\n  };\n\n  const leftColStyle: any = {\n    flex: `0 0 ${ratio.left}`,\n    backgroundColor: props.leftBgColor || 'transparent',\n    padding: props.leftPadding || '0',\n  };\n\n  const rightColStyle: any = {\n    flex: `0 0 ${ratio.right}`,\n    backgroundColor: props.rightBgColor || 'transparent',\n    padding: props.rightPadding || '0',\n  };\n\n  const responsiveCSS = `\n    @media (max-width: 768px) {\n      .blog-two-column-row${props.stackOnMobile ? '-stack-mobile' : ''} {\n        ${props.stackOnMobile ? 'flex-direction: column;' : ''}\n        ${props.stackOnMobile && props.reverseOnMobile ? 'flex-direction: column-reverse;' : ''}\n      }\n      .blog-two-column-row${props.stackOnMobile ? '-stack-mobile' : ''} > div {\n        ${props.stackOnMobile ? 'flex: 0 0 100% !important;' : ''}\n      }\n    }\n    @media (min-width: 769px) and (max-width: 1024px) {\n      .blog-two-column-row${props.stackOnTablet ? '-stack-tablet' : ''} {\n        ${props.stackOnTablet ? 'flex-direction: column;' : ''}\n      }\n      .blog-two-column-row${props.stackOnTablet ? '-stack-tablet' : ''} > div {\n        ${props.stackOnTablet ? 'flex: 0 0 100% !important;' : ''}\n      }\n    }\n  `;\n\n  return (\n    <div className={`blog-two-column ${props.className || ''}`} style={containerStyle}>\n      {props.customCSS && <style>{props.customCSS}</style>}\n      <style>{responsiveCSS}</style>\n      <div style={innerContainerStyle}>\n        <div \n          className={`blog-two-column-row${props.stackOnMobile ? '-stack-mobile' : ''}${props.stackOnTablet ? '-stack-tablet' : ''}`}\n          style={rowStyle}\n        >\n          <div className={props.leftClassName || ''} style={leftColStyle}>\n            <div dangerouslySetInnerHTML={{ __html: props.leftContent || 'Left column content' }} />\n          </div>\n          <div className={props.rightClassName || ''} style={rightColStyle}>\n            <div dangerouslySetInnerHTML={{ __html: props.rightContent || 'Right column content' }} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// Blog Three Column Layout Component\nexport const BlogThreeColumnComponent: React.FC<{ props: Record<string, any> }> = ({ props }) => {\n  const ratios: Record<string, { col1: string; col2: string; col3: string }> = {\n    '33-33-33': { col1: '33.33%', col2: '33.33%', col3: '33.33%' },\n    '50-25-25': { col1: '50%', col2: '25%', col3: '25%' },\n    '25-50-25': { col1: '25%', col2: '50%', col3: '25%' },\n    '25-25-50': { col1: '25%', col2: '25%', col3: '50%' },\n    '40-30-30': { col1: '40%', col2: '30%', col3: '30%' },\n    '30-40-30': { col1: '30%', col2: '40%', col3: '30%' },\n    '30-30-40': { col1: '30%', col2: '30%', col3: '40%' },\n  };\n\n  const ratio = ratios[props.columnRatio] || ratios['33-33-33'];\n\n  const containerStyle: any = {\n    backgroundColor: props.backgroundColor || 'transparent',\n    marginTop: props.marginTop || '2rem',\n    marginBottom: props.marginBottom || '2rem',\n  };\n\n  const innerContainerStyle: any = {\n    maxWidth: props.containerMaxWidth || '1200px',\n    margin: '0 auto',\n    padding: props.containerPadding || '2rem',\n  };\n\n  const rowStyle: any = {\n    display: 'flex',\n    gap: props.gap || '1.5rem',\n    alignItems: props.verticalAlign || 'flex-start',\n  };\n\n  const responsiveCSS = `\n    @media (max-width: 768px) {\n      .blog-three-column-row${props.stackOnMobile ? '-stack-mobile' : ''} {\n        ${props.stackOnMobile ? 'flex-direction: column;' : ''}\n      }\n      .blog-three-column-row${props.stackOnMobile ? '-stack-mobile' : ''} > div {\n        ${props.stackOnMobile ? 'flex: 0 0 100% !important;' : ''}\n      }\n    }\n    @media (min-width: 769px) and (max-width: 1024px) {\n      .blog-three-column-row${props.stackOnTablet ? '-stack-tablet' : ''} {\n        ${props.stackOnTablet ? 'flex-direction: column;' : ''}\n      }\n      .blog-three-column-row${props.stackOnTablet ? '-stack-tablet' : ''} > div {\n        ${props.stackOnTablet ? 'flex: 0 0 100% !important;' : ''}\n      }\n    }\n  `;\n\n  return (\n    <div className={`blog-three-column ${props.className || ''}`} style={containerStyle}>\n      {props.customCSS && <style>{props.customCSS}</style>}\n      <style>{responsiveCSS}</style>\n      <div style={innerContainerStyle}>\n        <div \n          className={`blog-three-column-row${props.stackOnMobile ? '-stack-mobile' : ''}${props.stackOnTablet ? '-stack-tablet' : ''}`}\n          style={rowStyle}\n        >\n          <div \n            className={props.column1ClassName || ''} \n            style={{\n              flex: `0 0 ${ratio.col1}`,\n              backgroundColor: props.column1BgColor || 'transparent',\n              padding: props.column1Padding || '0',\n            }}\n          >\n            <div dangerouslySetInnerHTML={{ __html: props.column1Content || 'Column 1' }} />\n          </div>\n          <div \n            className={props.column2ClassName || ''} \n            style={{\n              flex: `0 0 ${ratio.col2}`,\n              backgroundColor: props.column2BgColor || 'transparent',\n              padding: props.column2Padding || '0',\n            }}\n          >\n            <div dangerouslySetInnerHTML={{ __html: props.column2Content || 'Column 2' }} />\n          </div>\n          <div \n            className={props.column3ClassName || ''} \n            style={{\n              flex: `0 0 ${ratio.col3}`,\n              backgroundColor: props.column3BgColor || 'transparent',\n              padding: props.column3Padding || '0',\n            }}\n          >\n            <div dangerouslySetInnerHTML={{ __html: props.column3Content || 'Column 3' }} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\n// Blog Container/Section Component\nexport const BlogContainerComponent: React.FC<{ props: Record<string, any> }> = ({ props }) => {\n  const wrapperStyle: any = {\n    display: 'flex',\n    justifyContent: props.contentAlign || 'center',\n    marginTop: props.marginTop || '2rem',\n    marginBottom: props.marginBottom || '2rem',\n  };\n\n  const containerStyle: any = {\n    width: props.width || '100%',\n    maxWidth: props.maxWidth || '800px',\n    backgroundColor: props.backgroundColor || 'transparent',\n    backgroundImage: props.backgroundImage ? `url(${props.backgroundImage})` : 'none',\n    backgroundSize: props.backgroundSize || 'cover',\n    backgroundPosition: props.backgroundPosition || 'center',\n    backgroundRepeat: 'no-repeat',\n    padding: props.paddingTop || props.paddingBottom || props.paddingLeft || props.paddingRight \n      ? `${props.paddingTop || props.padding || '2rem'} ${props.paddingRight || props.padding || '2rem'} ${props.paddingBottom || props.padding || '2rem'} ${props.paddingLeft || props.padding || '2rem'}`\n      : (props.padding || '2rem'),\n    border: props.border ? `${props.borderWidth || '1px'} ${props.borderStyle || 'solid'} ${props.borderColor || '#e5e7eb'}` : 'none',\n    borderRadius: props.borderRadius || '8px',\n    textAlign: props.textAlign || 'left',\n  };\n\n  return (\n    <div style={wrapperStyle}>\n      <div className={`blog-container ${props.shadow || ''} ${props.className || ''}`} style={containerStyle}>\n        {props.customCSS && <style>{props.customCSS}</style>}\n        <div dangerouslySetInnerHTML={{ __html: props.content || 'Container content' }} />\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/landing/FlexibleLayoutComponent.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+interface ColumnElement {
+    id: string;
+    type: string;
+    [key: string]: any;
+}
+interface Column {
+    id: string;
+    elements: ColumnElement[];
+    width?: string;
+    backgroundColor?: string;
+    padding?: string;
+    alignment?: 'top' | 'center' | 'bottom';
+}
+interface FlexibleLayoutProps {
+    props: {
+        columnCount?: number;
+        columns?: Column[];
+        columnRatio?: string;
+        containerMaxWidth?: string;
+        containerPadding?: string;
+        containerMarginTop?: string;
+        containerMarginBottom?: string;
+        containerBackgroundColor?: string;
+        containerBorderRadius?: string;
+        columnGap?: string;
+        rowGap?: string;
+        stackOnMobile?: boolean;
+        stackOnTablet?: boolean;
+        reverseOnMobile?: boolean;
+        mobileBreakpoint?: string;
+        tabletBreakpoint?: string;
+        customCSS?: string;
+        className?: string;
+        containerClass?: string;
+        columnsWrapperClass?: string;
+    };
+}
+export declare const FlexibleLayoutComponent: React.FC<FlexibleLayoutProps>;
+export {};