@frontlit/page-builder 0.1.0-alpha.8 → 0.1.0-alpha.9

package/dist/{chunk-XQE4RVNO.js → chunk-5THGEJHP.js}

@@ -1,6 +1,6 @@
 "use client";
 import { NavLink, VideoWithPreview, TextRenderer, InlineEmbed } from './chunk-QMUIISN3.js';
-import { Button2, Section, cn, Image, Preheader, Display, Subheader1, CodeSnippet, Caption, PageCard, PageCardContent, Header2, Header1, Header4, Text2, Badge, PageCardHeader, Text1, Link, Header3, Drawer, Label, Switch2, Input } from './chunk-KRQWGGAJ.js';
+import { Button2, Section, cn, Image, Preheader, Display, Subheader1, CodeSnippet, Caption, PageCard, PageCardContent, Header2, Header1, Header4, Text2, Badge, PageCardHeader, Text1, Link, Header3, Drawer, Label, Switch2, Input } from './chunk-BLCA5IS5.js';
 import { getMediaUrl, getMediaAlt } from './chunk-XU7ALPGQ.js';
 import clsx3 from 'clsx';
 import * as Icons from 'lucide-react';
@@ -882,6 +882,9 @@ function renderTitle(title, theme) {
     (part, index) => /^\*[^*]+\*$/.test(part) ? React2.createElement("span", { key: index, className }, part.slice(1, -1)) : part
   );
 }
+function itemHeadingLevel(titleLevel = "h2") {
+  return titleLevel === "h1" ? "h2" : titleLevel === "h2" ? "h3" : "h4";
+}
 var roundedMap = {
   0: "rounded-none",
   1: "rounded-sm",
@@ -1427,6 +1430,7 @@ function FeaturedWidget({
   const overriddenTheme = JSON.parse(JSON.stringify(theme.theme));
   overriddenTheme.structure.page.width = maxWidth || theme.theme.structure.page.width;
   overriddenTheme.structure.section.padding.y = verticalPadding || theme.theme.structure.section.padding.y;
+  const itemLevel = itemHeadingLevel(titleLevel);
   return /* @__PURE__ */ jsx(Section, { theme: overriddenTheme, id: cssId, background, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -1443,7 +1447,7 @@ function FeaturedWidget({
     ),
     items && items.length > 0 && layout === "numbered" && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx("span", { className: "text-3xl font-bold text-primary/30", children: String(index + 1).padStart(2, "0") }),
-      /* @__PURE__ */ jsx(Header4, { theme: overriddenTheme, children: item.title }),
+      /* @__PURE__ */ jsx(Header4, { theme: overriddenTheme, as: itemLevel, children: item.title }),
       item.description && /* @__PURE__ */ jsx(Text2, { theme: overriddenTheme, children: item.description })
     ] }, index)) }),
     items && items.length > 0 && layout !== "numbered" && /* @__PURE__ */ jsx(
@@ -1484,7 +1488,7 @@ function FeaturedWidget({
                       layout === "compact" && "items-center gap-1"
                     ),
                     children: [
-                      /* @__PURE__ */ jsx(Header4, { theme: overriddenTheme, children: item.title }),
+                      /* @__PURE__ */ jsx(Header4, { theme: overriddenTheme, as: itemLevel, children: item.title }),
                       item.description && layout !== "compact" && /* @__PURE__ */ jsx(Text2, { theme: overriddenTheme, children: item.description })
                     ]
                   }
@@ -1941,7 +1945,7 @@ function PricingWidget({
                   /* @__PURE__ */ jsx(Preheader, { theme: overriddenTheme, children: tier.name }),
                   tier.highlighted && /* @__PURE__ */ jsx(Badge, { theme: overriddenTheme, children: "Most popular" })
                 ] }),
-                /* @__PURE__ */ jsx(PageCardHeader, { theme: overriddenTheme, children: pricingSwitcher ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(PageCardHeader, { theme: overriddenTheme, as: "p", children: pricingSwitcher ? /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx("span", { className: monthlyOnly, children: tier.price }),
                   /* @__PURE__ */ jsx("span", { className: yearlyOnly, children: tier.priceYearly || tier.price })
                 ] }) : tier.price }),
@@ -3440,7 +3444,11 @@ function resolveIcon2(name) {
   if (!name) return null;
   return Icons[name] ?? null;
 }
-function GridItemCard({ item, theme }) {
+function GridItemCard({
+  item,
+  theme,
+  headingLevel
+}) {
   const Icon = resolveIcon2(item.icon);
   const mediaUrl = getMediaUrl(item.media);
   const mediaAlt = getMediaAlt(item.media);
@@ -3462,13 +3470,13 @@ function GridItemCard({ item, theme }) {
         }
       ),
       /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/70 via-black/10 to-transparent" }),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 p-4", children: /* @__PURE__ */ jsx(Header4, { theme, className: "text-white", children: item.title }) })
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 p-4", children: /* @__PURE__ */ jsx(Header4, { theme, as: headingLevel, className: "text-white", children: item.title }) })
     ] }) });
     return item.buttonAction ? /* @__PURE__ */ jsx(NavLink, { href: item.buttonAction, className: "block", children: card }) : card;
   }
   const media = hasMedia ? /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(Image, { src: mediaUrl || "", alt: mediaAlt }) }) : Icon ? /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-md bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" }) }) : null;
   const text = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsx(Header4, { theme, children: item.title }),
+    /* @__PURE__ */ jsx(Header4, { theme, as: headingLevel, children: item.title }),
     item.description && /* @__PURE__ */ jsx(Text2, { theme, children: item.description }),
     item.buttonAction && item.buttonCaption && /* @__PURE__ */ jsx(NavLink, { href: item.buttonAction, className: "mt-2", children: /* @__PURE__ */ jsx(Button2, { theme, variant: "secondary", size: "sm", children: item.buttonCaption }) })
   ] });
@@ -3523,7 +3531,15 @@ function GridWidget({
           "grid grid-cols-1 md:grid-cols-2 gap-6 items-stretch",
           columns === 3 ? "lg:grid-cols-3" : "lg:grid-cols-2"
         ),
-        children: items.map((item, index) => /* @__PURE__ */ jsx(GridItemCard, { item, theme: overriddenTheme }, index))
+        children: items.map((item, index) => /* @__PURE__ */ jsx(
+          GridItemCard,
+          {
+            item,
+            theme: overriddenTheme,
+            headingLevel: itemHeadingLevel(titleLevel)
+          },
+          index
+        ))
       }
     )
   ] }) });
@@ -4529,5 +4545,5 @@ var DataSlot = {
 };
 
 export { Banner, CodeSnippetBlock, Content, DataSlot, EmailForm2 as EmailForm, Embed, Faq, Featured, FieldGroup, Footer, Grid, Header, Hero, Marquee, MediaBlock, Pricing, RichText, SupportForm2 as SupportForm, TextField, TitleSizeField, ToggleField, generateUniqueId };
-//# sourceMappingURL=chunk-XQE4RVNO.js.map
-//# sourceMappingURL=chunk-XQE4RVNO.js.map
+//# sourceMappingURL=chunk-5THGEJHP.js.map
+//# sourceMappingURL=chunk-5THGEJHP.js.map