@namiml/expo-sdk 3.4.4-dev.202607010315 → 3.4.4-dev.202607012039

package/dist/index.cjs

@@ -3033,6 +3033,12 @@ const NamiBackgroundContainer = ({ component, scaleFactor, onClose }) => {
     const containerStyle = require$$0.useMemo(() => applyStyles(component, scaleFactor), [component, scaleFactor]);
     const fillImageUrl = resolveFillImageUrl(component.fillImage);
     const bgColor = parseColor(component.fillColor) ?? parseColor(component.fillColorFallback);
+    // Only clip when the container is a filled "tile" with specific (non-all-corners)
+    // rounding (NAM-1798); all-corners / unrounded filled containers stay unclipped so
+    // NC-3948 / NAM-1201 over-rounding is not reintroduced. Matches the Apple/Web gate.
+    const roundBorders = component.roundBorders;
+    const hasSpecificCorners = Array.isArray(roundBorders) && roundBorders.length > 0 && roundBorders.length < 4;
+    const clipStyle = (component.fillColor || component.fillImage) && hasSpecificCorners ? { overflow: 'hidden' } : {};
     const direction = component.direction ?? 'vertical';
     const content = (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: component.components?.map((comp, i) => {
             const marginKey = direction === 'vertical' ? 'topMargin' : 'leftMargin';
@@ -3045,9 +3051,9 @@ const NamiBackgroundContainer = ({ component, scaleFactor, onClose }) => {
             return (jsxRuntimeExports.jsx(TemplateRenderer, { component: spacedComponent, scaleFactor: scaleFactor, onClose: onClose, parentDirection: direction }, comp.id ?? i));
         }) }));
     if (fillImageUrl) {
-        return (jsxRuntimeExports.jsx(reactNative.ImageBackground, { source: { uri: fillImageUrl }, resizeMode: 'cover', style: [containerStyle, styles$4.background], children: content }));
+        return (jsxRuntimeExports.jsx(reactNative.ImageBackground, { source: { uri: fillImageUrl }, resizeMode: 'cover', style: [containerStyle, styles$4.background, clipStyle], children: content }));
     }
-    return (jsxRuntimeExports.jsx(reactNative.View, { style: [containerStyle, bgColor ? { backgroundColor: bgColor } : null, styles$4.background], children: content }));
+    return (jsxRuntimeExports.jsx(reactNative.View, { style: [containerStyle, bgColor ? { backgroundColor: bgColor } : null, styles$4.background, clipStyle], children: content }));
 };
 function mergeRawMarginValue(existing, spacing) {
     if (existing == null)