@marvalt/wparser 0.1.18 → 0.1.20

package/dist/index.esm.js

@@ -1888,16 +1888,28 @@ const Column = ({ block, children }) => {
 const Separator = () => jsxRuntimeExports.jsx("hr", { className: "border-gray-200 my-8" });
 const ButtonBlock = ({ block }) => {
     const attrs = block.attributes || {};
-    const url = attrs['url'];
-    const text = attrs['text'];
+    let url = attrs['url'];
+    let text = attrs['text'];
     attrs['linkDestination'];
+    // Extract from innerHTML if not in attributes (buttons often store data in innerHTML)
+    if (!url && block.innerHTML) {
+        const linkMatch = block.innerHTML.match(/<a[^>]+href=["']([^"']+)["'][^>]*>([^<]+)<\/a>/i);
+        if (linkMatch) {
+            url = linkMatch[1];
+            text = linkMatch[2] || text;
+        }
+    }
+    // Get text from block content if still missing
+    if (!text) {
+        text = getBlockTextContent(block);
+    }
     if (!url && !text)
         return null;
-    const buttonText = text || getBlockTextContent(block) || 'Learn more';
+    const buttonText = text || 'Learn more';
     // Handle internal vs external links
     const isExternal = url && (url.startsWith('http://') || url.startsWith('https://'));
     const linkProps = isExternal ? { target: '_blank', rel: 'noopener noreferrer' } : {};
-    return (jsxRuntimeExports.jsx("a", { href: url || '#', className: "inline-flex items-center justify-center rounded-md bg-primary px-6 py-3 text-white font-medium hover:bg-primary/90 transition-colors", ...linkProps, children: buttonText }));
+    return (jsxRuntimeExports.jsx("a", { href: url || '#', className: "inline-flex items-center justify-center rounded-md bg-primary px-6 py-3 text-primary-foreground font-medium hover:bg-primary/90 transition-colors", ...linkProps, children: buttonText }));
 };
 const Cover = ({ block, children }) => {
     const attrs = block.attributes || {};
@@ -1967,19 +1979,23 @@ const MediaText = ({ block, children, context }) => {
             const finalImageUrl = isCloudflareImageUrl(imageUrl)
                 ? getCloudflareVariantUrl(imageUrl, { width: 1024 })
                 : imageUrl;
-            mediaElement = (jsxRuntimeExports.jsx("img", { src: finalImageUrl, alt: "", className: "w-full h-auto rounded-lg object-cover", loading: "lazy" }));
+            mediaElement = (jsxRuntimeExports.jsx("img", { src: finalImageUrl, alt: "", className: "w-full h-auto rounded-lg shadow-lg object-cover", loading: "lazy" }));
         }
     }
     // Content is all other children
     const contentElements = childrenArray.filter((_, index) => index !== mediaBlockIndex);
     // Build alignment classes - ensure proper container width
-    // For 'wide', use max-w-7xl; for 'full', use w-full; default to contained
+    // For 'wide', media-text blocks are typically inside constrained groups (which use 'container' class)
+    // So we should use 'w-full' to fill the parent container, not apply another max-width
+    // Only use 'max-w-7xl' for truly standalone wide blocks (rare case)
     let alignClass;
     if (align === 'full') {
         alignClass = 'w-full';
     }
     else if (align === 'wide') {
-        alignClass = 'max-w-7xl mx-auto';
+        // Default to w-full for wide blocks (they're usually inside constrained containers)
+        // This ensures they fill the parent container which is already boxed
+        alignClass = 'w-full';
     }
     else {
         // Default to contained width (not full width)