@marvalt/wparser 0.1.19 → 0.1.21

package/dist/index.esm.js

@@ -1909,7 +1909,7 @@ const ButtonBlock = ({ block }) => {
     // 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 || {};
@@ -1985,32 +1985,27 @@ const MediaText = ({ block, children, context }) => {
     // Content is all other children
     const contentElements = childrenArray.filter((_, index) => index !== mediaBlockIndex);
     // Build alignment classes - ensure proper container width
-    // For 'wide', check if we're inside a constrained group context
-    // If innerBlocks contain a group with constrained layout, the parent likely has constrained layout too
-    // In that case, use w-full to fill the parent container (which is already boxed)
-    // Otherwise, use max-w-7xl for standalone wide blocks
+    // 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;
+    let spacingClass;
     if (align === 'full') {
         alignClass = 'w-full';
+        // Full-width blocks are typically top-level sections, so add section spacing
+        spacingClass = getSectionSpacingClasses();
     }
     else if (align === 'wide') {
-        // Check if media-text content is wrapped in a constrained group
-        // This indicates the block is in a constrained layout context
-        // In that case, fill the parent container (which is already boxed) rather than applying another container
-        const hasConstrainedGroup = innerBlocks.some((b) => {
-            if (b.name === 'core/group') {
-                const groupLayout = b.attributes?.layout;
-                return groupLayout?.type === 'constrained';
-            }
-            return false;
-        });
-        // If we have a constrained group in innerBlocks, use w-full to fill parent container
-        // Otherwise, use max-w-7xl for standalone wide blocks
-        alignClass = hasConstrainedGroup ? 'w-full' : 'max-w-7xl mx-auto';
+        // Wide blocks are usually inside constrained groups (which already have container and spacing)
+        // So just fill the parent container without adding section spacing
+        alignClass = 'w-full';
+        spacingClass = ''; // No section spacing - parent group handles it
     }
     else {
         // Default to contained width (not full width)
         alignClass = 'container mx-auto';
+        // Contained blocks might be standalone, so add section spacing
+        spacingClass = getSectionSpacingClasses();
     }
     // Vertical alignment classes
     const verticalAlignClass = verticalAlignment === 'top' ? 'items-start' :
@@ -2020,9 +2015,7 @@ const MediaText = ({ block, children, context }) => {
     const stackClass = 'flex-col md:flex-row';
     // Media position determines order
     const isMediaRight = mediaPosition === 'right';
-    // Add section spacing for consistent vertical rhythm
-    const spacingClass = getSectionSpacingClasses();
-    return (jsxRuntimeExports.jsx("div", { className: buildClassName(alignClass, spacingClass, 'px-4'), children: jsxRuntimeExports.jsxs("div", { className: buildClassName('flex', stackClass, verticalAlignClass, 'gap-6 lg:gap-12'), children: [jsxRuntimeExports.jsx("div", { className: buildClassName(isMediaRight ? 'order-2' : 'order-1', imageFill ? 'w-full md:w-1/2' : 'flex-shrink-0 md:w-1/2'), children: mediaElement || jsxRuntimeExports.jsx("div", { className: "bg-gray-200 h-64 rounded-lg" }) }), jsxRuntimeExports.jsx("div", { className: buildClassName(isMediaRight ? 'order-1' : 'order-2', 'md:w-1/2', getContentSpacingClasses()), children: contentElements.length > 0 ? contentElements : children })] }) }));
+    return (jsxRuntimeExports.jsx("div", { className: buildClassName(alignClass, spacingClass), children: jsxRuntimeExports.jsxs("div", { className: buildClassName('flex', stackClass, verticalAlignClass, 'gap-6 lg:gap-12'), children: [jsxRuntimeExports.jsx("div", { className: buildClassName(isMediaRight ? 'order-2' : 'order-1', imageFill ? 'w-full md:w-1/2' : 'flex-shrink-0 md:w-1/2'), children: mediaElement || jsxRuntimeExports.jsx("div", { className: "bg-gray-200 h-64 rounded-lg" }) }), jsxRuntimeExports.jsx("div", { className: buildClassName(isMediaRight ? 'order-1' : 'order-2', 'md:w-1/2', getContentSpacingClasses()), children: contentElements.length > 0 ? contentElements : children })] }) }));
 };
 const Fallback = ({ block, children }) => {
     // Minimal fallback; do not render innerHTML directly in v1 for safety